如何在ExtJS的分组网格中禁用折叠？

Question

一切都在这个问题。我有一个分组网格，如this Sencha example。我想删除[+] [ - ]标志以禁用折叠。

我认为会有一些配置的分组功能，像'collapsible：false'，但没有任何。

有什么想法吗？

Answer 1

您可以继承Ext.grid.feature.Grouping并重新定义onGroupClick方法。这不是很好，但现在最简单的方法：

Ext.define('My.grid.feature.RightsGrouping', { 
extend: 'Ext.grid.feature.Grouping', 

    onGroupClick: function(view, group, idx, foo, e) { 
    } 
}); 

而且你必须编辑CSS删除崩溃迹象，改变光标指针：

.x-grid-group-hd .x-grid-cell-inner { cursor: default; } 
    .x-grid-group-title { background-image: none; } 

Answer 2

很不错SERG，谢谢。

了超越更容易为：

... 
features: [ 
    Ext.create('Ext.grid.feature.Grouping',{ 
     onGroupClick: function() {} /* do nothing! */ 
    }) 
] 
... 

Answer 3

这不是在4.2.1工作。

想出了一个解决办法似乎很可笑我

... 
groupcollapse: 
{ 
     fn: me.onGroupingGroupcollapse, 
     scope: me 
} 
... 
... 

onGroupingGroupcollapse: function(view, node, group, eOpts) 
{ 
     Ext.getCmp('gridCenters').view.features[0].expand(node.name,true); 
} 
... 

Answer 4

使用配置禁用崩溃config属性。从煎茶：

可折叠：布尔

设置为false以禁用从UI坍塌组。

当关联的商店被缓冲时，它被设置为false。

默认为：真

来源：Sencha Documentation of the collapsible configuration。