我想知道如何通过 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>

如果有任何问题,请告诉我。

关于javascript - Kendo UI TreeView 动态启用/禁用 dragAndDrop 事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32539476/

10-12 13:22