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

var grida = {
  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"
};

var tpl = {
  template:"<b>Select multiple items (ctrl click) and drag them</b>",
  height:50
};

webix.ready(function(){
  webix.ui({
    padding:10, rows:[
      tpl,
      grida
    ]
  });	
});	

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