2014-10-03 72 views
0

初学者ExtJS用户在这里。ExtJS 3.3来自Json商店的树数据视图

我需要在树数据视图中表示一个Json数据存储在ExtJS 3.3。我试图找到一个解决方案,但没有运气找到我的数据类型之一。

我拉的数据来自服务器,它来自表中的记录形式。它被拉出后,保存在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是孩子。我在想什么,但没有需要孙子:http://dev.sencha.com/deploy/ext-3.3.1/examples/treegrid/treegrid.html

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

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

谢谢!

回答

0

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

如果值是在单独的列,但你想显示两列(“householdId”你的情况,“PERSONID”)之间的关系来表示的网格,然后看看 “分组网格”

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

+0

分组网格谢谢! – 2014-10-21 19:15:45