无法在树视图中查看多级数据

时间:2018-04-02 14:33:36

标签: javascript kendo-ui

我有嵌套级别的json数据,想要使用kendo TreeView来表示。 但是,我尝试了不同的模式,但无法在树视图中表示此数据。任何建议

{
   "Level1":[
      {
         "id":"idlevel1",
         "name":"Level1",
         "Level2":[
            {
               "id":"idlevel2",
               "name":"Level2",
               "Level3":[
                  {
                     "id":"id1level3",
                     "name":"Level3_1",
                     "Level4":[
                        {
                           "id":"id1level4",
                           "name":"1_level4"
                        },
                        {
                           "id":"id2level4",
                           "name":"2_level4"
                        }
                     ]
                  },
                  {
                     "id":"id2level3",
                     "name":"Level3_2",
                     "Level4":[
                        {
                           "id":"id1level4",
                           "name":"1_level4"
                        },
                        {
                           "id":"id2level4",
                           "name":"2_level4"
                        }
                     ]
                  }
               ]
            }
         ]
      }
   ]
}

这是我的架构

 schema:{
                  data: "Level1",
                  model:{
                        children:{
                              schema:{
                                    data:"Level2",
                                    model:{
                                          children:{
                                                schema:{
                                                      data:"Level3",
                                                      model:{
                                                            children:{
                                                                  schema:{
                                                                        data:"Level4"
                                                                  }
                                                            }
                                                      }
                                                }
                                          }
                                    }
                              }
                        }
                  }
            }

1 个答案:

答案 0 :(得分:0)

您使用的是HierarchicalDataSource吗?我只是将您的代码复制粘贴到树视图代码中并且有效:

$("#treeview").kendoTreeView({
        dataTextField: "name",
        dataSource: new kendo.data.HierarchicalDataSource({
          data: data,
          schema:{
                  data: "Level1",
                  model:{
                        children:{
                              schema:{
                                    data:"Level2",
                                    model:{
                                          children:{
                                                schema:{
                                                      data:"Level3",
                                                      model:{
                                                            children:{
                                                                  schema:{
                                                                        data:"Level4"
                                                                  }
                                                            }
                                                      }
                                                }
                                          }
                                    }
                              }
                        }
                  }
            } 
        })
});

Demo