我有一个 kenodui Treeview ,我试图扩展顶级节点,如果它们具有以下值:“事件”或“关闭”,其余节点可以保持关闭状态。我使用以下代码来创建我的 Treeview :
if (CI.Popup.treeview == null) {
CI.Popup.treeview = $("#RelatedPropertyListing").kendoTreeView({
template: "#= item.Name #",
dataImageUrlField: "image",
dataSource: CI.Popup.treeDS,
dataTextField: ["Name", "Name"],
encoded: true
}).data("kendoTreeView");
}
我的数据源被定义为一个 json
kendo.data.HierarchicalDataSource
。我曾尝试使用 html 而不是数据源生成 Treeview ,但速度非常慢,所以我必须使用这种方法。我有什么想法可以只扩展那些值为“Active”或“Closed”的节点吗???
在此先感谢您的帮助。
最佳答案
如果您可以稍微更改返回的数据,您可以为每个要扩展的节点将 expanded
设置为 true
,KendoUI 将自动处理它。
例子:
var data = [
{
text : "node 1",
expanded: true,
items : [
{ text: "node 1.1" },
{
text : "node 1.2",
expanded: false,
items : [
{ text: "node 1.2.1" },
{ text: "node 1.2.2" },
{ text: "node 1.2.3" }
]
},
{ text: "node 1.3" }
]
}
];
var treeview = $("#treeview-left").kendoTreeView({
dataSource : data,
loadOnDemand: true
}).data("kendoTreeView");
here 中的 JSFiddle
关于javascript - KendoUI Treeview 根据值展开节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16344591/