/ / Kendoui TreeView Knoten Doppelklick Ereignisbearbeitung - Kendo-UI, Kendo-Treeview

Kendoui Treeview Knoten Doppelklick Ereignisbearbeitung - Kendo-UI, Kendo-Treeview

Ich habe eine Kendo-Ui-Baumansicht. Ich möchte den Knoten der Kendo Treeview bei Doppelklick-Ereignis aktualisieren oder löschen. Wenn ich auf den Treeview-Knoten doppelklicke, wird der Bearbeitungsmodus im Textfeld angezeigt. Dann möchte ich ein Schließen-Button-Icon anhängen und wenn ich darauf klicke, möchte ich den Knoten und die zugehörigen Kind-Knoten entfernen. Ich habe den Code wie definiert

        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");

Und meine Vorlage ist wie

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

Aber der Code funktioniert nicht richtig. Was sind die Änderungen, die ich tun muss.

Antworten:

2 für die Antwort № 1

Das mag zu spät zur Party kommen, aber ich habe gesuchtfür ein KendoUI TreeView DoubleClick-Ereignis. Sah sich um und nichts war geradeheraus. Mit ein bisschen Basteln konnte ich im folgenden Code bekommen, was ich brauchte. Ich habe das normale Binden und Einrichten von Datenquellen und Standard-Treeview-Setup weggelassen. Direkt nach dem Code zum Einrichten der Treeview habe ich folgenden Code:

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

Mehr brauchte ich nicht, um zu bekommen, wonach ich suchte. Ein Doppelklick-Ereignis für ein untergeordnetes Knotenelement. Hoffe es hilft jemandem.