来自 Json 存储的 ExtJS 3.3 树数据视图答案

【问题标题】：ExtJS 3.3 Tree data view from Json store来自 Json 存储的 ExtJS 3.3 树数据视图
【发布时间】：2014-10-03 19:26:36
【问题描述】：

这里是 ExtJS 初学者。

我需要在 ExtJS 3.3 的树数据视图中表示 Json 数据存储。我试图为此找到解决方案，但没有找到适合我拥有的数据类型的解决方案。

我提取的数据来自服务器，它以表格记录的形式出现。拉取后保存在Ext.data.JsonStore中。查询结果的一个例子是：

householdId = 1; personId = 2
householdId = 1; personId = 3
householdId = 1; personId = 4

householdId = 2; personId = 5
householdId = 2; personId = 6

householdId = 3; personId = 7

还有商店：

resultsStore =new Ext.data.JsonStore({
    id:'resultsStore',
    proxy: new Ext.data.HttpProxy(
              new Ext.data.Connection({
                          url: "searchHouseholds.action",
                          timeout: 300000 })),
    root : 'root',
    fields : [ 'householdId', 'personId']
});

基本上，我想要一个漂亮的视图，用户可以在其中告诉 personId 2 到 4 属于 homeId 1，homeId 是父母，personId 是孩子。我在想的一个例子，虽然不需要孙子：http://dev.sencha.com/deploy/ext-3.3.1/examples/treegrid/treegrid.html

我读到我需要先将数据转换为分层状态。还提到了 TreeStore、TreeLoader 等。问题是我在 ExtJS 的更高版本中看到了很多这些东西，我不知道如何在旧版本中处理它。

旁注：StackOverflow 上的第一篇文章！

谢谢！

【问题讨论】：

标签： javascript json extjs record hierarchy

【解决方案1】：

你只需要treegrid吗？我认为对于treegrid，所有值都需要在同一列中。但在您的情况下，这些值位于两个单独的列中。

如果值在不同的列中，但您想通过显示两列之间的关系来表示网格（在您的情况下为“householdId”、“personId”），那么请查看 “分组网格”。

http://dev.sencha.com/deploy/ext-3.3.1/examples/grid/grouping.html

【讨论】：