パネルに2つのボタンを追加して、ExtJsのグリッド内のすべてのグループを折りたたむ/展開するにはどうすればいいですか？

Question

私はパネルを持っていて、その中にグリッドがあるので、2つのボタンを持つ方法はになります。グリッド内のすべてのグループを展開しますか？私はまだExtJsを初めて使っています。

ここに私が使用しているコードがあります。それはうまく動作します。たぶんパネルにdockedItemを使用して

は

var store = Ext.create('Ext.data.Store', { 
fields: ['name', 'seniority', 'department'], 
groupField: 'department', 
data: [ 
    { name: 'Michael Scott', seniority: 7, department: 'Management' }, 
    { name: 'Dwight Schrute', seniority: 2, department: 'Sales' }, 
    { name: 'Jim Halpert', seniority: 3, department: 'Sales' }, 
    { name: 'Kevin Malone', seniority: 4, department: 'Accounting' }, 
    { name: 'Angela Martin', seniority: 5, department: 'Accounting' } 
] 
}); 

Ext.create('Ext.grid.Panel', { 
title: 'Employees', 
store: store, 
columns: [ 
    { text: 'Name', dataIndex: 'name', flex: 1 }, 
    { text: 'Seniority', dataIndex: 'seniority', flex: 1 } 
], 
features: [{ftype:'grouping'}], 
renderTo: Ext.getBody() 
}); 

私がそれを望むようになります。ボタンの

Answer 1

、私はあなたのグリッド上のツールバーを使用すると思います：

tbar:[{ 
    iconCls:'x-fa fa-plus-square', 
    handler:function(btn) { 
     btn.up('grid').getView().findFeature("grouping").expandAll(); 
    } 
},{ 
    iconCls:'x-fa fa-minus-square', 
    handler:function(btn) { 
     btn.up('grid').getView().findFeature("grouping").collapseAll(); 
    } 
}] 

Answer 2

ショートカット

あなたが直接あなたの要件ごとにグリッドの折りたたみ可能なプロパティ属性を設定することができます。