如何在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。