title: ExtJS 4 Tree Icons
body: <p>How can I change the tree node icons on a per node basis when when the node supports expand/collapse?</p>
  
  <p>For example, I can set the expand/collapse icons globally for the tree using this CSS:</p>
  
  <pre><code>#reports-tree .x-tree-icon-parent
  {
      background-image: url('../images/tree/folder_closed.png');
      background-repeat: no-repeat;
  }
  
  #reports-tree .x-grid-tree-node-expanded .x-tree-icon-parent
  {
      background-image: url("../images/tree/folder_opened.png");
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>I can also set individual <code>leaf</code> icons using <code>iconCls</code> as standard.</p>
  
  <p>However, in some cases I have non-leaf nodes that I want to give a custom icon and NOT use the normal expand/collapse icons.</p>