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

标签 javascript extjs grid extjs4

我读到过 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

最佳答案

通过大量的工作,您也许可以将网格嵌入到单元格中,但我绝不会推荐这样做。如果你能让它工作,它的性能会很差。网格并不意味着像表格一样嵌套。 也许您可以改用 header 分组来获得您想要的内容。

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

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

关于javascript - 如何使用 ExtJS 4.1 将一个网格放入另一个网格的单元格中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10894196/

相关文章:

javascript - Viewmodel属性 'links'找不到模型类型

extjs - 如何在 extjs actioncolumn 图标上添加动态工具提示?

在 c 中创建网格

html - 如何使工具提示 div 根据屏幕的哪一侧改变一侧? ( Angular )

javascript - 脚本属性未设置为 javascript 函数值

javascript - 在浏览器中正确显示阿姆哈拉语文本

extjs - 如何在 Extjs 4 中设置网格行高?

python - Python 中的 2D 网格数据可视化

javascript - 为什么Bootstrap 5.2.1 在分页Datatable 时导致modal 隐藏?

Javascript:使用 reduce() 将频率转换为百分比?