PDA

View Full Version : how to apply styles to the entire row of a columnModel



c_ankit
24 Sep 2008, 1:35 AM
Hi

in case of normal grid panel...to apply the styles to each row, getRowClass works fine for me...
but in case of column tree...what should i use to apply different style to each row..

Thanks & regards

Condor
24 Sep 2008, 1:40 AM
ColumnNodeUI is not that flexible. The only method to apply a style to a specific node is to set the cls attribute of the node.

c_ankit
24 Sep 2008, 3:55 AM
could you please show me how to add styles to specific node?

Condor
24 Sep 2008, 4:06 AM
As I already said: You need to include a 'cls' property in the node data (e.g. the column tree example assigns cls:'master-task' to the first-level nodes).

Next, create a CSS rules for the class name you specified in cls to change the style of the row containing the node.

c_ankit
24 Sep 2008, 10:51 PM
Hello,

Thanks for your reply

i tried what you told me...

but it doesn't apply styles to the columns instead it applies to column headers only.

please have a look at the attached scrren shot..

code:

this.tree = new Ext.tree.ColumnTree({
el:this.containerEl,
autoWidth:true,
rootVisible:false,
autoScroll:!this.autoHeight,
title: 'Search Results',
bbar: bbar.splice(1, bbar.length),
cls:'gs_redRow',
columns: this.columns,
loader: new Ext.tree.TreeLoader({
dataUrl:'../Finders/getTreeData.vm?allowRedirect=false&taskId=' + this.mainTaskId
+ '&srchTaskId=' + this.taskId,
uiProviders:{
'col': Ext.tree.ColumnNodeUI,
'paging': Ext.ux.PagingTreeNodeUI
},
baseParams: {event: 'expand'}
}),
root: new Ext.tree.AsyncTreeNode({
text:'Search Results',
})
});

Thanks

Condor
24 Sep 2008, 10:58 PM
No, the cls should not be used in TreePanel config! It should be included as an attribute in the node data.

You could use:

baseParams: {
event: 'expand',
cls: 'gs_redRow'
}

c_ankit
24 Sep 2008, 11:05 PM
Hi,

Thanks for your reply

I used
baseParams: {
event: 'expand',
cls: 'gs_redRow'
}

but still it doesn't change colors of any column or row

Thanks

Condor
24 Sep 2008, 11:29 PM
Have you checked with Firebug or Developer Toolbar if the cls is assigned to the row?

If it is you can work from there to find a CSS rule that would apply the styling you want.

c_ankit
25 Sep 2008, 12:57 AM
Hi,

By using above code as you mentioned...
Yes...i checked in firefox...class name is not appended in the styles of each rows...

please give me alternate solution...

Condor
25 Sep 2008, 1:02 AM
Oops... I meant baseAttrs instead of baseParams:


loader: new Ext.tree.TreeLoader({
...
baseAttrs: {cls: 'gs_redRow'}
})

c_ankit
25 Sep 2008, 1:10 AM
Now it applies to the paging bar only...

please have a look at the attachment...

Thank,

Condor
25 Sep 2008, 1:16 AM
And is the class applied to the nodes?

Could you post your current code and the HTML it generates for the tree?

c_ankit
25 Sep 2008, 1:27 AM
as you suggested..here is the code...


this.tree = new Ext.tree.ColumnTree({
el:this.containerEl,
//enableDD: true, // this is just for demo purposes
autoWidth:true,
rootVisible:false,
autoScroll:!this.autoHeight,
title: 'Search Results',
bbar: bbar.splice(1, bbar.length),
columns: this.columns,
loader: new Ext.tree.TreeLoader({
dataUrl:'../Finders/getTreeData.vm?allowRedirect=false&taskId=' +
this.mainTaskId + '&srchTaskId=' + this.taskId,
uiProviders:{
'col': Ext.tree.ColumnNodeUI,
'paging': Ext.ux.PagingTreeNodeUI
},
baseParams: {event: 'expand'},
baseAttrs: {cls: 'gs_redRow'}
}),
root: new Ext.tree.AsyncTreeNode({
text:'Search Results'
})
});



<div class="x-panel x-column-tree x-tree" id="result_grid_3dmtr" style="border: 1px solid rgb(153, 187, 232); overflow: hidden; height: 357px; position: relative; left: 0pt; top: 0pt; width: auto;"><div style="-moz-user-select: none;" id="ext-gen53" class="x-panel-header x-unselectable"><span id="ext-gen88" class="x-panel-header-text">Search Results</span></div><div id="ext-gen54" class="x-panel-bwrap"><div style="overflow: auto; width: auto; height: 304px;" id="ext-gen55" class="x-panel-body"><div style="width: 500px;" id="ext-gen76" class="x-tree-headers"><div id="ext-gen77" class="x-tree-hd" style="width: 98px;"><div class="x-tree-hd-text">Number</div></div><div id="ext-gen78" class="x-tree-hd" style="width: 98px;"><div class="x-tree-hd-text">Last Changed</div></div><div id="ext-gen79" class="x-tree-hd" style="width: 98px;"><div class="x-tree-hd-text">Customer</div></div><div id="ext-gen80" class="x-tree-hd" style="width: 98px;"><div class="x-tree-hd-text">Type</div></div><div id="ext-gen81" class="x-tree-hd" style="width: 98px;"><div class="x-tree-hd-text">Relation</div></div><div id="ext-gen82" class="x-clear"></div></div><ul style="width: 500px;" id="ext-gen75" class="x-tree-root-ct x-tree-no-lines"><div class="x-tree-root-node"><li class="x-tree-node gs_tree_pagingbar"><div ext:tree-node-id="ynode-91" class="x-tree-node-el gs_redRow"><div class="x-tree-col"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Page 1 of 5</span></a></div><div class="gs_tree_pgbtn gs_tree_pgbtn_sel"><div gs:page="0" class="x-tree-col-text">1</div></div><div class="gs_tree_pgbtn"><div gs:page="1" class="x-tree-col-text">2</div></div><div class="gs_tree_pgbtn"><div gs:page="2" class="x-tree-col-text">3</div></div><div class="gs_tree_pgbtn"><div gs:page="3" class="x-tree-col-text">4</div></div><div class="gs_tree_pgbtn"><div gs:page="4" class="x-tree-col-text">5</div></div><div class="gs_tree_pgbtn"><div gs:page="1" class="x-tree-col-text">&gt;</div></div><div class="x-tree-col"><div id="last" class="x-tree-col-text">Displaying rows 1 to 20 of 87</div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,0" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Rep 1</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">01-Jan-2000 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Rep 1</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Representative</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,1" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Rep 2</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">01-Jan-2000 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Rep 2</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Representative</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,2" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Rep 4</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">01-Jan-2000 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Rep 4</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Representative</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,3" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Rep 3</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">01-Jan-2000 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Rep 3</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Representative</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,4" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">ABC CORPORATION</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">ABC CORPORATION</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,5" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Portfolio Account Manager 1</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Portfolio Account Manager 1</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,6" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Portfolio Account Manager 13</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Portfolio Account Manager 13</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,7" class="x-tree-node-el master-task x-tree-node-collapsed"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-plus"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task-folder" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">Portfolio Account Manager 14</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Portfolio Account Manager 14</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,8" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">111 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">111 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,9" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">123 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">123 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,10" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">222 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">222 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,11" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">333 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">333 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,12" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">444 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">444 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,13" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">456 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">456 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,14" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">555 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">555 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,15" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">666 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">666 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,16" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">777 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">777 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,17" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">789 DEPARTMENT 300</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">789 DEPARTMENT 300</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,18" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">888 DEPARTMENT 400</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">888 DEPARTMENT 400</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li><li class="x-tree-node"><div ext:tree-node-id="root,19" class="x-tree-node-el x-tree-node-leaf master-task"><div class="x-tree-col" style="width: 98px;"><span class="x-tree-node-indent"></span><img src="../../ext/resources/images/default/s.gif" class="x-tree-ec-icon x-tree-elbow-end"><img src="../../ext/resources/images/default/s.gif" class="x-tree-node-icon task" unselectable="on"><a hidefocus="on" class="x-tree-node-anchor" href="#" tabindex="1"><span unselectable="on">901 DEPARTMENT 300</span></a></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">30-Sep-2005 12:00:00 AM</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">901 DEPARTMENT 300</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text">Customer</div></div><div class="x-tree-col" style="width: 98px;"><div class="x-tree-col-text"></div></div><div class="x-clear"></div></div><ul class="x-tree-node-ct" style="display: none;"></ul></li></div></ul></div><div id="ext-gen56" class="x-panel-bbar"><div id="ext-comp-1124" class="x-toolbar x-small-editor"><table cellspacing="0"><tbody><tr><td id="ext-gen58"><table style="width: auto;" id="ext-comp-1121" class="x-btn-wrap x-btn" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em unselectable="on"><button id="ext-gen60" class="x-btn-text" type="button">Open</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td><td><span id="ext-gen66" class="ytb-sep"></span></td><td id="ext-gen67"><table style="width: auto;" id="ext-comp-1122" class="x-btn-wrap x-btn" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em unselectable="on"><button id="ext-gen69" class="x-btn-text" type="button">Export</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td></tr></tbody></table></div></div></div></div>

Condor
25 Sep 2008, 1:38 AM
This is caused by the implementation of Ext.ux.PagingTreeNodeUI (which I am not familiar with).

c_ankit
25 Sep 2008, 1:43 AM
Yes...Ext.ux.PagingTreeNodeUI has been used...

c_ankit
25 Sep 2008, 2:00 AM
so in this case...is it posible to apply styles to each row...