如何将面板中的 2 个按钮添加到 ExtJs 中网格中的 collapse/expand 所有组？

Question

我有一个面板，里面有一个网格，所以我的问题是如何使用 2 个按钮 collapse/expand 网格中的所有组？我还是 ExtJs 的新手。

这是我正在使用的代码。效果很好。

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

也许在面板中使用 dockedItem 就是我想要的方式。

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

快捷方式

您可以根据需要直接设置网格的可折叠属性属性。

如何将面板中的 2 个按钮添加到 ExtJs 中网格中的 collapse/expand 所有组？

How to add 2 buttons in Panel to collapse/expand all groups in a grid in ExtJs?

javascript

extjs

extjs5

快捷方式