just found Ext.ux.MultiGroupingGrid
Code:
Ext.ux.MultiGroupingGrid = function(config) {
config = config||{};
// Cache the orignal column model, before state is applied
if(config.cm)
this.origColModel = Ext.ux.clone(config.cm.config);
else if(config.colModel)
this.origColModel = Ext.ux.clone(config.colModel.config);
config.tbar = [{
xtype:'tbtext'
,text:this.emptyToolbarText
},{
xtype:'tbfill'
,noDelete:true
},{
xtype:'tbbutton'
,text:'Options'
,noDelete:true
,menu:{
items: [{
text:'Columns Reset',
scope: this,
disabled: !this.origColModel,
handler: function() {
this.getColumnModel().setConfig(this.origColModel,false);
this.saveState();
return true;
}
},{
text:'Show columns grouped'
,checked: !config.view.hideGroupedColumn
,scope:this
,checkHandler: function (item, checked) {
this.view.hideGroupedColumn = !checked;
this.view.refresh(true);
}
},{
text: 'Clean filters' // Labels.get('label.jaffa.jaffaRIA.jaffa.finder.grid.deactivateFilters')
,scope: this
,handler: function () {
//@TODO use the clearFilters() method!
this.plugins.filters.each(function(flt) {
flt.setActive(false);
});
}
}]
}
}];
Ext.ux.MultiGroupingGrid.superclass.constructor.call(this, config);
//console.debug("Create MultiGroupingGrid",config);
};