在 extjs 4 的网格列内显示树

Posted

技术标签:

【中文标题】在 extjs 4 的网格列内显示树【英文标题】:show tree inside the grid columns in extjs 4 【发布时间】:2013-05-27 10:25:20 【问题描述】:

我必须创建一个立方体结构,为此我想在 extjs 网格面板的每个列下加载不同的树形面板。是否可以让网格面板在其每个列下显示树形面板。

【问题讨论】:

为什么要在网格中这样做?将 TreePanel 放在具有列布局的容器中不是更容易吗? 【参考方案1】:

您可以参考 TreeGrid 组件。我希望你正在寻找这个实现。您可以通过示例参考煎茶厨房水槽链接。请参考以下网址,这可能对您有所帮助。

http://docs.sencha.com/extjs/4.2.0/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#tree-grid

谢谢。

【讨论】:

TreeGrid 仅支持单个树列。我相信他在问如何每列有一棵树。【参考方案2】:

所以你需要在你的项目中使用这个 TreeGrid。 TreeGrid

【讨论】:

TreeGrid 仅支持单个树列。我相信他在问如何每列有一棵树。【参考方案3】:

没有。网格面板不支持这个。

更重要的是,从功能的角度来看,它没有多大意义 - 树有可以展开和折叠的节点。这可以与网格一起使用的唯一方法是只有一个树列;只有这样您才能折叠或展开特定行。但是,如果不同列中有不同的树,这将如何工作。

我会接受 rixo 的建议,并使用有树的列布局。虽然我仍然无法真正看到用户会如何从这样的屏幕中受益。

【讨论】:

以上是关于在 extjs 4 的网格列内显示树的主要内容,如果未能解决你的问题,请参考以下文章

需要更改 extjs 网格操作列内图标的背景颜色

骨架:列内的两个嵌套行 - 如何?

数据表列内的 MySQL 循环

如何使引导卡拉伸到列内的屏幕高度?

iview 中table列 一列显示多个数据(后台返回数组显示在列内)

ExtJs 4.1 TreeGrid 树列自定义渲染器