javascript - ExtJSでグループ化されたグリッドで折りたたみを無効にする方法は?

Question

すべてが主題にあります。この Sencha exampleのように、グループ化されたグリッドがあります。折りたたみを無効にするために [+][-] 記号を削除したいと思います。

「collapsible: false」のようなグループ化機能の設定があると思っていましたが、何もありません。

アイデアはありますか？

Answer 1

とても素敵なSerg、ありがとう。

オーバーライドがさらに簡単なのは次のとおりです。

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

Answer 2

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 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);
}
...