Kendo TreeView 显示未定义答案

【问题标题】：Kendo TreeView display undefinedKendo TreeView 显示未定义
【发布时间】：2019-09-27 03:53:16
【问题描述】：

我有这个示例剑道树视图演示，如果我使用相同的名称，它可以正常工作，但是当我使用不同的名称 ledger/group 时，它读取为 undefined。知道如何解决这个问题吗？

$("#treeview").kendoTreeView({
  dataBound: function(){
   this.expand('.k-item');
  },
  template: "<span #if(item.active=='n'){# style='color:red' #} #>#:item.group#</span>" ,
  dataSource: [
    { ledger: "Title 1st", active:"y", items: [
      { group: "subTitle1", active:"y" },
      { group: "subTitle2", active:"n" },
      { group: "subTitle3", active:"y" },
      ]},{
    ledger: "Title 2nd", active:"n"}
  ]
});

【问题讨论】：

您能否分享一个代码 sn-p 显示您尝试使用的位置ledger/group好吗？
不知道我明白你想要什么。基本上它只从数据库中获取数据并显示到剑道树视图中。此外，如果 active = 'n'.. ledger/group 只是为了区分名称，我想让文本颜色为“红色”。
对不起，我误解了你的要求。我现在明白了。

标签： jquery kendo-ui kendo-grid kendo-treeview

【解决方案1】：

您只需要在模板中添加一个条件语句。应该这样做：

$("#treeview").kendoTreeView({
  dataBound: function(){
    this.expand('.k-item');
  },
  template: "<span #if(item.active=='n'){# style='color:red' #} #>#: item.group != null ? item.group : item.ledger #</span>" ,
  dataSource: [
    { ledger: "Title 1st", active:"y", items: [
      { group: "subTitle1", active:"y" },
      { group: "subTitle2", active:"n" },
      { group: "subTitle3", active:"y" },
    ]},{
      ledger: "Title 2nd", active:"n"}
  ]
});

Full demo here

【讨论】：