我有一个来自kendo UI的自定义Treelist,我使用自定义的命令按钮。我手动向按钮添加clickevents,并手动隐藏和显示编辑,删除和更新按钮。
这都是因为在树中我在hierarchie中有3个级别。第1级和第2级是类别,第3级是产品。只有第3级应该是可编辑的,所以我创建了一个列模板,其中有一些脚本检查" Type"行的字段和瞧它工作..只有产品得到按钮。
现在我正在探索是否可以在没有按钮但是使用doubleclickevent的情况下做同样的事情。所以我将doubleclickevent添加到TreeList中,但是:
如何获取层次结构信息(级别3)以检查我们是否在谈论产品?有人有想法吗?
到目前为止,我想出了双击的代码:
var treeList = $("#treelist" <here specific class for row items ?> ).on("dblclick", function (e) {
var rowindex = e.target.parentNode.rowIndex; // get rowindex
var tr = $(e.target).closest("tr"); // get the nearest table row (tr)
var treeList = $("#treelist").data("kendoTreeList");
tr.find("#btndelete").addClass("hidden");
tr.find("#btnedit").addClass("hidden");
tr.find("#btnupdate").removeClass("hidden");
treeList.saveRow(); // any other rows in editmode.. close
treeList.editRow(tr[0]); // put selected row in editmode
//if ($("#treeView").getKendoTreeList().dataItem(node).items.length == 0) {
// These lines where from treeview. I have to adapt the for TreeList somehow
// This if-statement should mean that you are on an Item that has no Child items
// Use $("#treeView").getKendoTreeView().dataItem(node) to get values from
// the dataitem
//}
});
答案 0 :(得分:2)
试试这个:
var dataItem = $("#treelist").data("kendoTreeList").dataItem($(e.target).closest("tr"));
使用当前点击的tr
,您可以使用Grid的dataItem
方法从当前行获取dataItem:
if (dataItem.Type == 3) // Or whatever that make your condition