I have a partial view that receives a model filled with data that can be bound to the Kendo TreeView like this:
@(Html.Kendo().TreeView()
.Name((string)ViewBag.TreeName)
.DragAndDrop(true)
.BindTo(Model, (NavigationBindingFactory<TreeViewItem> mappings) =>
{
mappings.For<MenuItemModel>(binding => binding
.ItemDataBound((item, model) =>
{
item.Text = model.Text;
item.ActionName = model.Action;
item.ControllerName = model.Controller;
item.ImageUrl = model.Icon;
if (model.Items == null || model.Items.Count == 0)
{
item.Id = model.Action;
}
item.Enabled = true;
})
.Children(model => model.Items)
);
})
.Animation(true)
.AutoScroll(true)
.Events(e =>
{
e.Drag("MainMenuDrag").Drop("MainMenuDrop").DragStart("MainMenuDragStart");
})
)
My problem is that the Drag & Drop functionality only works when the icon of a treeview item is dragged. When the text is dragged the event handlers do not even get called. Is this intended? If yes then, is there a work around for this issue?
I need the links (anchor tags) because I have an event handler bound to them that requires both the url and the id properties from the dataItem.