ExtJS 设置TreeNode节点样式

<style type="text/css">

/*不考虑节点的状态，同一用一种图标显示*/   

.x-tree-node  .your-iconCls{background-image: url(youricon.gif)}   

 

/*为节点的开闭状态和叶节点状态分别设置样式*/   

.x-tree-node-expanded  .your-iconCls{background-image: url(youricon.gif)}   

.x-tree-node-collapsed  .your-iconCls{background-image: url(youricon2.gif)}   

.x-tree-node-leaf  .your-iconCls{background-image: url(youricon3.gif)}  

</style>

 

代码：

var root=new Ext.tree.TreeNode({
  id:"root",
  text:"树的根"
 });
 var c1=new Ext.tree.TreeNode({
  text:"子节点1",iconCls : 'treeiconCls'
 })
 var c2=new Ext.tree.TreeNode({
  text:"子节点2",iconCls : 'treeiconCls'
 });
 var c3=new Ext.tree.TreeNode({
  text:"子节点3",iconCls : 'treeiconCls'
 });
 var c4=new Ext.tree.TreeNode({
  text:"子节点4"
 });
 root.appendChild(c1);
 root.appendChild(c2);
 c2.appendChild(c3);
 c3.appendChild(c4);
 var tree=new Ext.tree.TreePanel({
     rootVisible:false,
  root:root,
  border:false,
  autoWidth:true
 });