ExtJS 3.3来自Json商店的树数据视图

时间:2014-10-03 19:26:37

标签: javascript json extjs record hierarchy

初学者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属于householdId 1,householdId是父,personId是child。我所思考的一个例子,不需要孙子:http://dev.sencha.com/deploy/ext-3.3.1/examples/treegrid/treegrid.html

我读过我需要先将数据转换为分层状态。还提到了TreeStore,TreeLoader等问题。我在ExtJS的后续版本中看到了很多这些问题,我不确定如何在旧版本中使用它。

旁注:StackOverflow上的第一篇文章!

谢谢!

1 个答案:

答案 0 :(得分:0)

你只需要treegrid吗?我认为对于treegrid,所有值都需要在同一列中。但在您的情况下,值分为两个单独的列。

如果值位于不同的列中,但您希望通过显示两列之间的关系来表示网格(' householdId',' personId'在您的情况下),那么一看 "分组网格"

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