/ / Kendo UI TreeView włącza / wyłącza dynamicznie zdarzenie dragAndDrop - javascript, jquery, kendo-ui, telerik, kendo-treeview

Kendo UI TreeView dynamicznie włącza / wyłącza wydarzenie dragAndDrop - javascript, jquery, kendo-ui, telerik, kendo-treeview

Chciałbym wiedzieć, jak włączyć dynamicznie funkcję dragAndDrop poprzez javascript / jQuery.

Wiem, że można to zrobić w momencie inicjalizacji za pomocą następującego fragmentu kodu:

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

Ale chcę tę funkcję dragAndDrop z przyciskiem przełączającym, to znaczy włączyć / wyłączyć funkcję dragAndDrop w węzłach drzewa za pomocą kliknięcia przycisku.

Każdy fragment kodu bardzo mi pomaga.

Odpowiedzi:

1 dla odpowiedzi № 1

Spróbuj z poniższym fragmentem kodu.

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

Daj mi znać, jeśli masz jakieś wątpliwości.