NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

Multiple Drag-and-Drop in Tree, programming examples of Tree Multiple Drag-and-Drop

JavaScript code of Multiple Drag-and-Drop in Tree

Get a JavaScript sample code for dragging several objects at a time in Tree. DataTree is a web widget which allows presenting hierarchically organized data in a logical manner. Our JS coding sample will enable you to organize multiple drag-and-drop in Tree. Don't hesitate to use our code samples to practise your JavaScript skills, and develop your own business web applications.

JS Code

/*
  You can drag-n-drop multiple items at once. 
  Select multiple items with Ctrl/Shift+click and drag them.
*/


webix.ready(function(){
  webix.ui({
    view:"treetable",
    id:"grida",
    columns:[
      { id:"value", header:"Title", fillspace:true, template:"{common.treetable()} #value#" },
      { id:"state", header:"State", width:100},
      { id:"hours", header:"Hours", width:100}
    ],
    drag:true,
    select:"row",
    scroll:false,
    multiselect:true,
    url:"https://docs.webix.com/samples/15_datatable/31_treedrag/data/data.php", datatype:"xml"
  });	
});	

How to drag several items at a time with Webix Tree UI widget?