Kendo UI TreeView динамически включает / отключает событие dragAndDrop

Я хотел бы знать, как динамически включить функциональность dragAndDrop через javascript/jQuery.

Я знаю, что это можно сделать во время инициализации с помощью следующего фрагмента кода:

$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo" },
    { text: "bar" }
  ]
});

Но я хочу эту функциональность dragAndDrop с кнопкой переключения, я имею в виду включить / выключить функциональность dragAndDrop на узлах дерева с помощью нажатия кнопки.

Любой фрагмент кода мне очень помогает.

Источник

1 ответ

Пожалуйста, попробуйте с приведенным ниже фрагментом кода.

<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>

Дайте мне знать, если что-то беспокоит.

Источник
Другие вопросы по тегам