kendo-ui - Kendoui Treeview 节点双击事件编辑

Question

我有一个 kendo ui Treeview 。我想在双击事件上更新或删除 Kendo Treeview 的节点。当我双击 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>

但是代码无法正常工作。我需要做哪些改变。

Answer 1

这可能来晚了，但我也在寻找 KendoUI TreeView DoubleClick 事件。环顾四周，没有什么是直接的。经过一些修改，我能够在下面的代码中得到我需要的东西。我省略了数据源和标准 Treeview 设置的所有正常绑定(bind)和设置。在设置 Treeview 的代码之后，我有以下代码:

$("#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
  }
});

这就是我得到我想要的东西所需要的。子节点项上的双击事件。希望它对某人有帮助。