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

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

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

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

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

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

источник

2015-09-12 achchayya

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

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

Дайте мне знать, если есть вопросы.

источник

2015-09-12 17:49:20

Спасибо, что он работает как ожидалось. – achchayya

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

ответ

Смежные вопросы