![](https://images2015.cnblogs.com/blog/757423/201707/757423-20170704170742784-1781066088.gif)
Ext.onReady(function() {
var store = Ext.create('Ext.data.Store', {
storeId: 'employeeStore',
fields: ['name', 'seniority', 'department'],
groupField: 'department',
data: {
'employees': [
{"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"}
]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'employees'
}
}
});
var grid = Ext.create('Ext.grid.Panel', {
title: 'Employees',
name:'mygrid',
store: Ext.data.StoreManager.lookup('employeeStore'),
dockedItems: [{
dock: 'top',
xtype: 'toolbar',
items: [{
tooltip: '关闭所有',
text: '关闭所有',
enableToggle: true,
pressed: true,
handler: function(){
var me=this;
var view = me.up('grid');
console.log(view);
view.view.features[0].collapseAll();
}
}, {
tooltip: '展开所有',
text: '展开所有',
enableToggle: true,
pressed: true,
handler: function(){
var me=this;
var view = me.up('grid');
console.log(view);
view.view.features[0].expandAll();
}
}]
}],
columns: [
{text: 'Name', dataIndex: 'name'},
{text: 'Seniority', dataIndex: 'seniority'}
],
features: [
{
ftype: 'grouping'
}
],
listeners: {
groupclick: function (view, node, group, e, eOpts) {
view.features[0].collapseAll();
view.features[0].expand(group);
}
},
width: '100%',
height: '100%',
renderTo: Ext.getBody()
});
});
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步