可以extjs控制/切换groupField数据吗?

时间:2012-01-03 05:37:02

标签: extjs extjs4 extjs3

这是由裁剪网格编辑的示例:

第一次我看起来像这个图像的普通网格

http://imageshack.us/f/836/groupcontrollingb4.png/

然后我创建一个复选框名称为“Cuisine:American”并检查它重新加载成为这样的图像

http://imageshack.us/f/803/gridcontrollingafter.png/

群组数据“美食:美国”可以将其分组并扩展 那么其他数据仍然是正常的网格视图

是否有人知道控制groupView的示例或可能性,如我所示的示例中所示?

希望你们都能理解我的问题 thankz。

1 个答案:

答案 0 :(得分:1)

它比它应该更难,因为ext没有调用Ext.util.Grouper.getGroupString方法。我设法绕过这个。以下是工作示例:http://jsfiddle.net/bP7Y2/

我基于Ext JS网站的Grouped Grid Example。我创建的CuisineGrouper正在扩展Ext.util.Grouper。有两个重要的方法:getGroupString返回gruping字符串,sorterFn以这种方式对grupped元素进行排序。例如,当按照“烹饪:美国”进行分组时,getGroupString会根据cuisine值返回'美国'或''。

另一个重要的位是getGroupString商店上的覆盖Restaurants方法,现在它调用Ext.util.Grouper.getGroupString

我修改的最后一件事是groupHeaderTpl的{​​{1}}。

(更新)可以隐藏其他人用一些黑客分组标题。示例:http://jsfiddle.net/bP7Y2/1/