Show:

LayoutBuilder extension, which can be used to add the funcionality of resizing columns of the builder's layout.

Constructor

A.LayoutBuilderResizeCol

(
  • config
)

Parameters:

  • config Object

    Object literal specifying layout builder configuration properties.

Methods

_afterDragAlign

() protected

Fired when the drag:align event is triggered.

_afterDragEnd

() protected

Fired when the drag:end event is triggered.

_afterDragEnter

(
  • event
)
protected

Fired when the drag:enter event is triggered.

Parameters:

_afterDragMouseDown

(
  • event
)
protected

Fired when the drag:mouseDown event is triggered.

Parameters:

_afterDragMouseup

(
  • event
)
protected

Fired when the drag:mouseup event is triggered.

Parameters:

_afterDragStart

(
  • event
)
protected

Fired when the drag:start event is triggered.

Parameters:

_afterEnableResizeColsChange

() protected

Fired after the enableResizeCols attribute changes.

_afterResizeColIsColumnModeChange

() protected

Fired after the isColumnMode changes.

_afterResizeColLayoutChange

() protected

Fired after the layout attribute is set.

_afterResizeColLayoutColsChange

() protected

Fired after the cols attribute from a layout row is set.

_afterResizeColLayoutRowsChange

() protected

Fired after the rows attribute from the layout is set.

_bindResizeColEvents

() protected

Binds the necessary events for the functionality of resizing layout columns.

_canDrop

(
  • dragNode
  • position
)
Boolean protected

Checks if a drag node can be dropped in the given position.

Parameters:

Returns:

Boolean:

_createDelegateDrag

() protected

Creates the A.DD.Delegate instance responsible for the dragging functionality.

_handleBreakpointDrop

(
  • dragNode
  • dropNode
)
protected

Handles the action of dropping a drag handler on top of a breakpoint.

Parameters:

_hideBreakpoints

(
  • rowNode
)
protected

Hides all the breakpoints in the given row.

Parameters:

_hideColDraggableBoundaries

() protected

Hides all the draggable bars.

_insertColumnAfterDropHandles

(
  • dragNode
)
protected

Add new column for the given layout row after drop handler.

Parameters:

_insertGrid

() protected

Inserts a grid to the current row in order to visualize the possible breakpoints.

_onKeyPressResizeColBreakpoint

(
  • event
)
protected

Fired when the user starts the action to resize a col.

Parameters:

_onKeyPressResizeColDragHandle

(
  • event
)
protected

Fired when the enter button is pressed on drag handle.

Parameters:

_onMouseEnterCol

(
  • event
)
protected

Fired when the cursor is over a column.

Parameters:

_onMouseEnterDraggable

(
  • event
)
protected

Fired when the cursor is over a Draggable bar.

Parameters:

_onMouseEnterDraggable

(
  • event
)
protected

Fired when the cursor is over a Draggable bar.

Parameters:

_removeDragHandles

() protected

Removes all the drag handles from the layout.

_removeGrid

() protected

Removes the grid from the target.

_resize

(
  • dragNode
)
protected

Resizes cols after a resize event.

Parameters:

_showBreakpoints

(
  • row
  • dragNode
)
protected

Shows all breakpoints in the given row. We need to show the drop targets before drag:start event, or they won't work.

Parameters:

_showColDraggableBoundaries

(
  • colNode
)
protected

Shows draggable bars of a column.

Parameters:

_syncDragHandles

() protected

Updates the drag handles for all the layout rows.

_syncRowDragHandles

(
  • row
)
protected

Updates the drag handles for the given layout row.

Parameters:

_uiSetEnableResizeCols

(
  • enableResizeCols
)
protected

Updates the UI according to the value of the enableResizeCols attribute.

Parameters:

  • enableResizeCols Boolean

_unbindResizeColEvents

() protected

Unbinds the events related to the functionality of resizing layout columns.

destructor

() protected

Destructor implementation for the A.LayoutBuilderResizeCol class. Lifecycle.

initializer

() protected

Construction logic executed during A.LayoutBuilderResizeCol instantiation. Lifecycle.

Properties

_dragNode

Node protected

Keeps a reference for dragNode for keyboard purposes only.

_gridlineNodes

Array protected

Grid line nodes.

ATTRS

Object static

Static property used to define the default attribute configuration for A.LayoutBuilderResizeCol.

Attributes

enableResizeCols

Boolean

Flag indicating if the feature of resizing layout columns is enabled or not.

Default: true