/ / Kendo UI TreeView включення / вимикання події dragAndDrop динамічно - javascript, jquery, kendo-ui, telerik, kendo-treeview

Kendo UI TreeView динамічно активує / вимикає подію dragAndDrop - javascript, jquery, kendo-ui, telerik, kendo-treeview

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

Я знаю, що це можна зробити під час ініціалізації за допомогою наступного фрагмента коду:

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

Але я хочу, щоб це функція dragAndDrop з кнопкою перемикання, я маю на увазі включити / вимкнути функціональність dragAndDrop на вузлах дерева за допомогою кнопки.

Будь-який фрагмент коду допомагає мені багато чого.

Відповіді:

1 для відповіді № 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>

Дайте мені знати, якщо у вас є турбота.