Kendoui treeview節點雙擊事件編輯

我有一個kendo ui treeview。我想在雙擊事件中更新或刪除kendo treeview的節點。當我雙擊樹視圖節點時，它將進入文本框中的編輯模式。然後我想追加一個關閉按鈕圖標，當我點擊時，我想要刪除節點和相關的子節點。我定義了諸如Kendoui treeview節點雙擊事件編輯

 var treeview = $("#treeview").kendoTreeView({ 
      template: kendo.template($("#treeview-template").html()), 
      select: onSelect, 
      loadOnDemand: true, 
      dataSource: dataSource, // dynamic datasource 
      dataTextField: ["categoryname"] 
     }).on('dblclick', '.child', function(event) 
     { 
      $(this).siblings(".sri").show(); 
      $target = $(event.target); 
      alert("event" + event); 
      $target.editable(function (value, settings) 
      {     
       return value; 
      }, 
      { 
       event: 'dblclick', 
       cssclass: 'treeInlineEdit' 
      }); 

      $target.trigger('dblclick', [event]); 

     }).data("kendoTreeView");

的代碼和我的模板像

 <script id="treeview-template" type="text/kendo-ui-template"> 

      <span class='child'>#: item.categoryname #</span> 
      <a class='showcloseicon' onclick='sri(#:item.categoryid#)' name='#:item.categoryid#' style='color:blue;display:none'>X</a> 

</script>

但代碼不能正常工作。我需要做些什麼改變。

來源

2013-06-24 Jonathan

這可能會晚到晚會，但我也在尋找KendoUI TreeView DoubleClick活動。環顧四周，沒有什麼是直截了當的。稍微修補一下，我就能夠在下面的代碼中得到我需要的東西。我忽略了所有的常規綁定，並設置了數據源和標準樹視圖設置。代碼設置樹視圖後，我有以下代碼：

$("#treeView .k-in").on("dblclick", function (e) { 
    var node = $(e.target).closest(".k-item"); 
    if ($("#treeView").getKendoTreeView().dataItem(node).items.length == 0) { 
    // This means you are on an Item that has no Child items 
    // Use $("#treeView").getKendoTreeView().dataItem(node) to get values from 
    // the dataitem 
    } 
});

這就是所有我需要得到我所期待的。子節點項目上的雙擊事件。希望它能幫助別人。

來源

2014-12-12 14:26:41 Grandizer

Kendoui treeview節點雙擊事件編輯

回答

相關問題