Kendo UI TreeView动态启用/禁用dragAndDrop事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Kendo UI TreeView动态启用/禁用dragAndDrop事件相关的知识，希望对你有一定的参考价值。
我想知道如何动态地通过javascript / jQuery启用dragAndDrop功能。
我知道这可以在初始化时使用以下代码片段完成：
$("#treeview").kendoTreeView({
dragAndDrop: true,
dataSource: [
{ text: "foo" },
{ text: "bar" }
]
});但我希望这个dragAndDrop功能与切换按钮，我的意思是通过单击按钮启用/禁用树节点上的dragAndDrop功能。
任何代码片段都对我有很大的帮助。
答案
请尝试使用以下代码段。
<body>
<div id="treeview"></div>
<br />
s
Drag Drop Enabled:-
<input type="checkbox" id="chkDragNDrop" />
<script>
$("#treeview").kendoTreeView({
dragAndDrop: true,
dragstart: onDragStart,
dataSource: [
{ text: "foo" },
{ text: "bar" }
]
});
function onDragStart(e) {
if ($("#chkDragNDrop").prop("checked") == false) {
e.preventDefault();
}
}
</script>
</body>
如果有任何疑虑，请告诉我。
以上是关于Kendo UI TreeView动态启用/禁用dragAndDrop事件的主要内容，如果未能解决你的问题，请参考以下文章
即使没有孩子，Kendo UI Treeview 也会显示曲折