Kendo ui 多嵌套列表视图

Question

我java一个类似嵌套的jsonarrayobj，可能来自1..X（不限）

[{"id":"25","son": [
    {"id":"26", "son":  [
            {"id":"28","son":[],"message":"my message 1","creationDate":"2016-05-26"},
            {"id":"27","son":[],"message":"my message 2","creationDate":"2016-05-26"}
        ],
        "message":"my message 3","creationDate":"2016-05-26"}
    ],"message":"my message 4","creationDate":"2016-05-26"}
]

我需要使用 Kendo 来显示它，我正在使用 listviewm 但它只列出第一个项目，而不是子标签项目。

我正在尝试实施论坛控制。你能建议一种方法吗？提前谢谢你。

Answer 1

据我所知，使用 kendo 列表视图无法实现您想要的效果，因为它并非设计用于显示分层数据（或嵌套数据）。

但是，kendo 确实有其他小部件可用于您想要执行的操作。我想 TreeList 可能就是您要找的那个。为了使用该小部件，您必须将数据从嵌套格式修改为 id / parendId 格式。使用您提供的样本数据，您应该像这样重新格式化数据：

var data = [
    { id:25,parentId: null, message:"my message 4",creationDate:"2016-05-26" },
    { id:26, parentId:25, message: "my message 3", creationDate:"2016-05-26"},
    { id:28, parentId:26, message":"my message 1",creationDate:"2016-05-26"},
    { id:27, parentId:26, message:"my message 2", creationDate:"2016-05-26"}
]

根据您的需要，您还可以使用 TreeView but this widget isn't designed to display multiple fields by default. You can also use a grid with a custom detail template but that required extra code to handle the detail grid template 初始化。

Kendo ui 多嵌套列表视图

Kendo ui Multi nested listview

nested

kendo-ui

kendo-listview