Drop from datatable to menu

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:");
					}
				}

Because menu is based on the list, you can enable drag-n-drop in menu. Just add drag:true to the menu’s configuraton

http://webix.com/snippet/e6e4df61

In common case, for any webix view that has not native dnd functionality, you can use addDrop and use $view as first parameter

http://webix.com/snippet/56f8d860

awsome :smiley: thx