TEMPER FALL PLANS TO PRUNE.(Stars)(Column) | Article from The Post ::
(Stars)(Column) find The Post-Standard (Syracuse, NY) articles. Broken limbs should be pruned back to keep the shape of the tree.
http://www.highbeam.com/doc/1G1-169296091.htmlHOME |
I have noticed that the column tree does not have a floating column header, e.g. when the user scrolls down the columns disappear until scrolling back up. Since I have about 20 columns of data, mostly numbers, this can be confusing. I have implemented my own column header above the tree that does not move and makes visually referencing each value much easier - but I need the column headers for the tree to disappear so it is not redundant. Any way I could do this?
CodeProject: How to skin CListCtrl including scrollbars and column ::
Nov 22, 2003 is there a way to hide the scrollbar if there's not enough items or column space . and to the author, thanks for making some sample code.
http://69.10.233.10/KB/list/skinlist.aspxHOME |
See attached image.
(Btw, I've attempted to use a grouping grid but I have been running into too many strange problems, this tree component has been much more consistent...)
This is very true. Firefox 2.0.0.8, on Windows XP
Code:
theTree = new Ext.tree.ColumnTree({
el:'Tree',
animCollapse: false,
animate: false,
rootVisible:false,
autoScroll:true,
height: 620,
header: false,
containerScroll: true,
columns:[
{header:'Class/Section', width:100, dataIndex:'class'},
{header:'Instructor', width:180, dataIndex:'instr'},
{header:'Days', width:63, dataIndex:'days'},
{header:'Start Time', width:70, dataIndex:'startt'},
{header:'Stop Time', width:70, dataIndex:'stopt'},
{header:'Room', width:72, dataIndex:'room'},
{header:'Lhours', width:46, dataIndex:'lhours'},
{header:'Max', width:36, dataIndex:'max'},
{header:'Enr', width:41, dataIndex:'enr'},
{header:'WT', width:31, dataIndex:'wt'},
{header:'S', width:31, dataIndex:'s'},
{header:'AT', width:31, dataIndex:'at'},
{header:'AM', width:31, dataIndex:'am'},
{header:'Load', width:45, dataIndex:'load'},
{header:'P-WSCH', width:55, dataIndex:'pwsch'},
{header:'PPROD', width:45, dataIndex:'pprod'}
],
loader: dataLoader,
root: new Ext.tree.AsyncTreeNode({
text:'Classes'
})
});
theTree.render();
Since column tree is an extension of TreePanel already
(ie outside Ext core), I just added a "noHeaders" parameter
which skipped creating the inital container for the header.
Looking ahead, it would be even better to parameterize
the container for the header, so as not to have to make
your own... :D
--dan
I did some digging around in the column-tree.css and hid exactly the components needed. Looks great now.
I'd be interested in seeing the source to these solutions also...
Just change the following lines from the example file ColumnNodeUI.js
// this.headers = this.body.createChild(
// {cls:'x-tree-headers'},this.innerCt.dom);
this.headers = this.getEl().createChild(
{cls:'x-tree-headers'},this.body);
And the Headers are fixed... :)
I need the same thing on my application. Could you please share the complete source code?
Thanks!
Alan
Posting code and what browser you're experiencing helps :)
Hi i have tried to fixed header. But the css broken.
Plz solve this problem.
 Nortel Unveils Vision, Strategy for Israeli High-Performance Net
 Busy Friday Leads to Strong Close for Net Stocks
|
