如何使用ExtJS 4.1将网格放入另一个网格的单元格中

时间:2012-06-05 08:48:14

标签: javascript extjs grid extjs4

我在ExtJS中读到了关于网格的这种rowexpander特性,但这只适用于行,如名称所示。我想将网格放入另一个网格的单个单元格中,以显示详细数据。我读到可以使用ExtJS4将任何内容嵌套到任何组件中,但我找不到这样的例子。

我想做什么:

为我的数据使用大网格,但记录的一个字段大约有> 20个子条目。 所以我想将所有内容放在一行中,但是每个字段应该是每行1个字段中的1列网格。因此,用户可以滚动到这一个单元格,并保持行的宽度小。

ID | hits | key/value
1  | 123  | a = 2rtr
---------------------
2  | 234  | a = 53jgh
---------------------
3  | 345  | a = 10asd     <--- 1 column table/for scrolling
   |      | b = 111asd
   |      | c = 123adsad
   |      | ...
---------------------
4  | 456  | b = xyz

1 个答案:

答案 0 :(得分:1)

通过大量工作,您可以将网格嵌入到单元格中,但我绝不会建议这样做。如果你可以让它工作,它将表现得非常糟糕。网格并不意味着像表一样嵌套。 也许你可以使用标题分组来获得你想要的东西。

http://docs.sencha.com/extjs/4.2.2/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#grouped-header-grid

否则,您可以为注入HTML表格的列定义自定义渲染器