Wie fügen Sie 2 Schaltflächen in Panel hinzu, um alle Gruppen in einem Grid in ExtJs zu reduzieren/zu erweitern?

Question

Ich habe ein Panel und innerhalb davon habe ich ein Raster, so ist meine Frage, wie man 2 Tasten zu zusammenklappen/erweitern alle Gruppen in einem Raster? Ich bin noch Neu bei ExtJs.

Hier ist der Code, den ich verwende. Es funktioniert gut.

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

Vielleicht dockedItem im Panel verwendet, wird so, wie ich es möchte sein.

Answer 1

Für Tasten, ich denke, Sie eine Symbolleiste auf dem Gitter verwenden würde:

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

Abkürzung

Sie die zusammenklappbare Eigenschaft Attribute eines Gitters festlegen können direkt wie pro Ihre Anforderung.