View Full Version : Ext.ux.tree.TreeGrid and header columns/scroll

21 Jan 2014, 8:46 AM

I use Ext.ux.tree.TreeGrid in a panel layout card

var treeGrid = new Ext.ux.tree.TreeGrid({
//autoHeight: true,
columns: columns,
border: false,
autoScroll: true,
//hidden: true,
selModel: new Ext.tree.MultiSelectionModel({}),
//loader: new Ext.tree.TreeLoader({ preloadChildren: true }),
//loader: new Ext.tree.TreeLoader(),
root: new Ext.tree.TreeNode({
allowChildren: true,
loaded: true,
leaf: false,
expanded: true
//tbar: tbarTGGrid,
listeners: {
render: function (tpn) {
tpn.doLayout(true, true);
dblclick: function (node, e) {
var cleDossier = node.attributes["Cle"];
if ((cleDossier != null) && (cleDossier != "")) {
g_oDossier.GetDossier(cleDossier, OpenOrCreateFolder, window);


onDblClick: function (e) {
if (this.disabled) {
if (this.fireEvent("beforedblclick", this.node, e) !== false) {
if (this.checkbox) {
if (!this.animating && this.node.isExpandable()) {
//this.node.toggle(); commented out
this.fireEvent("dblclick", this.node, e);


this.result = new Ext.Panel({
border: false,
layout: 'card',
activeItem: 0,
buttonAlign: 'right',
//autoScroll: true,
items: [gridSearch, treeGrid],
tbar: tbarGrid,
bbar: statusBar

it works but :

When my treegrid is active and my treegrid contains a lot of records, I see the vertical scroll (it's ok)
but the headers of the columns are hidden when I scroll.
The gridPanel (gridSearch) works fine ....

What's the problem ?

Thanks you very much

22 Jan 2014, 1:03 AM
So if I scroll horizontally I see the scroll for the treegrid but I have a another vertical scroll that I don't want.

Do you have a idea the source of problem

28 Jan 2014, 2:59 PM

What version of ExtJS 3 are you testing with?