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

How do I put a grid into a cell of another grid with ExtJS 4.1

本文关键字：网格 另一个 单元格 ExtJS 何使用      更新时间：2023-09-26

我在 ExtJS 中读到了网格的这个行扩展器功能，但这只适用于行，顾名思义，它只适用于行。我想将网格放入另一个网格的单个单元格中，以显示详细数据。我读到可以使用 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

通过大量工作，您可能可以将网格嵌入到单元格中，但我永远不会推荐这样做。如果你能让它工作，它的表现会很糟糕。网格不是像表那样嵌套的。也许您可以使用标题分组来获得您想要的内容。

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

否则，您可以为注入 HTML 表的列定义自定义呈现器

相关文章：