组点击时分组的网格折叠组

时间:2014-01-03 13:49:28

标签: javascript extjs grid grouping sencha-architect

我有一个分组网格。所有项目在开始时都会折叠。我想实现只能一次扩展一个组的功能。我的想法如下:在组上单击折叠所有组并再次展开单击的组。但我被困在第一部分(崩溃所有组)。我在浏览器控制台中收到以下错误:

错误:

Uncaught TypeError: Cannot call method 'onRefresh' of undefined .... Grouping.js

代码:

 onGroupingGroupclick()view, node, group, eOpts){
       view.collapseAll(); //error
    }

如果我的方法由于某种原因不合适,我会请求任何替代方案......

1 个答案:

答案 0 :(得分:3)

view事件侦听器中的

groupclick变量包含Ext.view.Table的实例。但是,您必须在网格中用于分组的collapseAll()功能实例上调用Ext.grid.feature.Grouping方法。

所以你的网格配置应该是这样的:

features: [{
    ftype:'grouping',
    startCollapsed: true       
}],    
listeners: {
    groupclick: function (view, node, group, e, eOpts) {

        view.features[0].collapseAll();
        view.features[0].expand(group);
    }
}

请参阅此小提琴中的实时示例:https://fiddle.sencha.com/#fiddle/2f8