PDA

View Full Version : Tree Panel Grouped header is not Working



davidmanohar
29 May 2014, 5:57 AM
Hi i am using sandbox (4.0) version to render tree panel

I want to group the column header of tree Panel
But it is not working

here is my code

var treegrid=Ext4.create('Ext4.tree.Panel', {
title: repName,
renderTo:treerender,
//border:false,
rootVisible:false,
columnLines: true,
anchor:'100%',
layout: 'fit',
width:resolutionWidth,
height: 500,
plugins:[new Ext.ux.grid.ColumnHeaderGroup({
rows: leveljson
})],
columns: columnModel,
store:store,
frame:false,
footer:false,
// layout:'fit',
viewConfig: {
forceFit: forcefitFlag,
scrollOffset:scrollOffsetFlag
},
tbar: Ext4.create('Ext4.toolbar.Toolbar', {
hideBorders:true,
id:'tbarmain'+resA["title"],
bodyStyle:'padding:3px',
frame:false,
items:[{
xtype:'tbtext',
text: '<span style="color:black;font-size:11px;font-family:tahoma;font-weight:bold;" ext:qtip="'+reportdescription+'">'+resA["title"]+'</span>'//the description of the report appears when hovering the reportname
}

]})

});

It is coming like this

49161

I want like this

49162

slemmon
2 Jun 2014, 1:04 PM
Instead of using the ColumnHeaderGroup ux try using the syntax seen in the following example:
http://dev.sencha.com/extjs/5.0.0/examples/kitchensink/#grouped-header-grid

*You'll have to expand the right/east panel to see the code.

The grid's columns config has columns - some of which have their own columns config making for nested column headers.