I would like to drop colums from my view:datatable into a view:menu next to the datatable.
both items are in the same webix.ui. When i define a div area outside from the webix.ui it works.
How i can define the menu item to execute a drop function
my code:
webix.ui({
rows:[
{ type:"clean", cols:[ menu, menu_head_left ] },
{ cols:[
{ view:"menu", data: submenu_data, width:150, layout:"y", gravity:0.3,
openAction:"click",
on:{
onMenuItemClick:function(id){
if(this.getMenuItem(id).value == "Übersicht"){
onclick_uebersicht();
}
if(this.getMenuItem(id).value == "Stornierte Reise"){
onclick_stornoreise();
}
if(this.getMenuItem(id).value == "Übersicht"){
//onclick_stornoreise();
//webix.message("Click: "+this.getMenuItem(id).value);
}
}
}
},
{ rows:[
{ id:"chart1", cols:[
{ view:"chart"
...
},
data: dataset
},
{ view:"chart",
.....
},
data: dataset
}
] , height:170
},
{ id:"datatable",
select:"multiselect",
drag:"true",
view:"datatable",
columns: [
...
],
data: big_film_set,
externalData: function grid2tree(data, id){
data.rank = data.rank || -1;
data.title = data.title || data.value;
return data;
}
},
{ id:"btn_dienstreise", view:"button", label: 'Neue Dienstreise', align: 'right', click:"$$('add_datatable').show();"}
]}
]}
]
});
//Ende Webix.ui
webix.DragControl.addDrop("myDrop",{
$drop:function(source, target){
var dnd = webix.DragControl.getContext();
if (dnd.from.name){ //ignoring non-ui dnd
var value = dnd.from.getItem(dnd.source[0]).title;
target.innerHTML=value;
webix.message("Drop:");
}
}
thx