在extjs中显示复杂的聚合数据结构

时间:2013-01-23 07:26:52

标签: extjs extjs4

我有一些复杂的数据结构,我正在寻找一种以用户友好的方式呈现它们的方法:

Data Strubture:

A hasMany B 
B hasMany C (columns: C1, C2)
B hasMany D (columns: D1, D2, D3, D4)

理想情况下,最终显示应如下所示,其中前两个级别(A和B)是可扩展树节点,而叶子(C和D)是不同的网格。

(doc中的TreeGrid example看起来很相似,但是叶子都有相同的列,这与我的用例不同。)

有更好的解决方案吗?

-A
  -B1
    -C (grid)
      C1    C2 (Header)
      c11   c12
      c21   c22
    -D (grid)
      D1    D2    D3    D4 (Header)
      d11   d12   d13   d14
      d21   d22   d23   d24
      d31   d32   d33   d34
  -B2
    -C (grid)
      C1    C2 (Header)
      c11   c12
      c21   c22
    -D (grid)
      D1    D2    D3    D4 (Header)
      d11   d12   d13   d14
      d21   d22   d23   d24
      d31   d32   d33   d34
  -B3
  ....

1 个答案:

答案 0 :(得分:2)

无法做到我害怕 - 你正在尝试吃蛋糕并让它完整......你不能要求单个网格组件每个记录类型有不同的列。

如果您的展示每个记录涉及不同数量的列,则应考虑使用treegrid以外的其他内容。

如果我是你,我会在东面板上找到一棵含有As和Bs的树;当用户点击B节点时,中心窗格上存在的两个网格将显示相关记录。