AJSF API reference
    Preparing search index...

    Class OrderableDirective

    OrderableDirective

    Enables array elements to be reordered by dragging and dropping.

    Only works for arrays that have at least two elements.

    Also detects arrays-within-arrays, and correctly moves either the child array element or the parent array element, depending on the drop targert.

    Listeners for movable element being dragged:

    • dragstart: add 'dragging' class to element, set effectAllowed = 'move'
    • dragover: set dropEffect = 'move'
    • dragend: remove 'dragging' class from element

    Listeners for stationary items being dragged over:

    • dragenter: add 'drag-target-...' classes to element
    • dragleave: remove 'drag-target-...' classes from element
    • drop: remove 'drag-target-...' classes from element, move dropped array item

    Implements

    • OnInit
    Index
    arrayLayoutIndex: string
    dataIndex: number[]
    element: any
    layoutIndex: number[]
    layoutNode: any
    orderable: boolean
    overChildElement: boolean = false
    overParentElement: boolean = false
    • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

      Returns void