PDA

View Full Version : Problem in Grouping Grid with enableGroupingMenu and hideGroupedHeader



varunjyoti
2 Jul 2012, 11:31 PM
I am using Ext Js 4.1. I have a grouping grid. I want the grouping header and grouping line(border) to be hidden if there is just one row in a grid. otherwise, the groupheader should be displayed as usual. With the following code the group header becomes invisible, but the group can still be collapsed/expanded from the grouping border.



features: [{
ftype: 'grouping',
enableGroupingMenu:false,
groupHeaderTpl: Ext.create('Ext.XTemplate',
'<tpl if="this.isGroup(rows)">',
'<div>{rows}</div>',
'<tpl else>',
'<div>{name}</div>',
'</tpl>',
{
isGroup: function(rows) {
if(rows.length > 1){
return false;
}else{
return true;
}
}
}


I dont want the group to be collapsible if there is just one row. currently, i can collapse it by clicking on the empty group header row/group border

mitchellsimoens
6 Jul 2012, 2:22 PM
How do you plan on distinguishing if a group is expanded and right below it is another group but doesn't show the group header on the bottom group? Seems it would run together without a group header.

varunjyoti
6 Jul 2012, 9:11 PM
There will be a border line to distinguish between the groups. But that border line cant be used to collapse the group