/ / Дерево-вузол Kendoui для редагування подвійного кліку по посиланню - kendo-ui, kendo-treeview

Кіндовій древовидний вузол подвійний клік редагування подій - kendo-ui, kendo-treeview

У мене є дерево перегляду kendo ui. Я хочу оновити або видалити вузол дерева перегляду kendo під час подвійного кліпу. Коли я двічі клацнув на вузлі дерева, воно починає редагувати режим у текстовому полі. Тоді я хочу додати піктограму кнопки закриття, і коли я натискаю на те, що хочу видалити вузол та пов'язані до нього вузли. Я визначив код, як

        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>

Але код не працює належним чином. Які зміни мені потрібно зробити.

Відповіді:

2 для відповіді № 1

Це може бути запізнення на вечірку, але я дививсядля події DoubleClick KendoUI 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
}
});

Це все, що мені потрібно, щоб отримати те, що я шукав. Двічі клацніть подію на елементі дочірнього вузла. Сподіваюсь, це допомагає комусь.