第一次我看起来像这个图像的普通网格
http://imageshack.us/f/836/groupcontrollingb4.png/
然后我创建一个复选框名称为“Cuisine:American”并检查它重新加载成为这样的图像
http://imageshack.us/f/803/gridcontrollingafter.png/
群组数据“美食:美国”可以将其分组并扩展 那么其他数据仍然是正常的网格视图
是否有人知道控制groupView的示例或可能性,如我所示的示例中所示?
希望你们都能理解我的问题 thankz。
答案 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/