ExtJS Grid中的组列

时间:2011-01-18 17:10:31

标签: extjs

我是ExtJS的新手,似乎无法弄清楚如何使用自己的标题对列进行分组。我想要完成的一个例子如下:

+-----------------------+-----------------------+
|        Group 1        |        Group 2        |
+-------+-------+-------+-------+-------+-------+
| col1  | col2  | col3  | col4  | col5  | col6  |
+-------+-------+-------+-------+-------+-------+
|                                               |
|                 data goes here                |
|                                               |
+-----------------------------------------------+

显然,默认情况下,我可以通过col1获取col6,因为它们是标准列。但是,我想在它们上面添加组名。我将如何进行此操作,或者是否有资源已经显示如何执行此操作?我搜索谷歌大约一个小时没有优势。在此先感谢您的帮助!

2 个答案:

答案 0 :(得分:4)

就像Jared所说,如果你想让ExtJS为你做转动,那么枢轴网格很棒。您可以为枢轴网格提供记录列表,指定要在y轴和x轴上分组的内容以及瞧。

我认为这可能会影响到几百行但是会出现更多问题(我在ExtJS中编写的在线研究应用程序中完成了数据透视表,并在数百万条记录上进行了旋转)。此外,如果您想自己提供整个分组数据,您不需要透视网格(我认为)

对于这两种情况,您需要GroupHeader插件:

http://www.sencha.com/forum/showthread.php?22337-Ext.ux.plugins.GroupHeaderGrid-(v1.3

祝你选择任何一个好运,两者都很棒

罗布

答案 1 :(得分:1)

看起来你正在寻找枢轴网格:

http://dev.sencha.com/deploy/dev/examples/pivotgrid/simple.html