drag

enables or disables drag-and-drop

boolean|string drag;

Values

  • true
    enables DnD within the component, allows taking items into its other instances and different components on the page;
  • "order"
    enables DnD in the reorder mode, allows dragging component items within one component thus changing their order;
  • "move"
    enables DnD that allows to move out dragged nodes;
  • "inner"
    is a simplified variation of "order", during which the dragged item does not reserve a place for itself and can be dragged outside the component borders;
  • "source"
    enables dragging items from the component without an ability to drop data from other components;
  • "target"
    enables dropping data to the component. It can take data from outside, but you cannot drag anything from it;
  • false
    disables DnD within the component.
  • Example

    webix.ui({
        view:"datatable",
        drag:true
    });

    Related samples

    See also
    Back to top
    If you have not checked yet, be sure to visit site of our main product Webix open source html5 framework and page of lists in javascript product.