Published Sep 17, 2010 | The Sencha Dev Team | FAQ | Medium
Last Updated Jul 11, 2011

Specificing tree node icons

A Tree Node with no children is a leaf node. If you want a node to always have a certain icon, use the iconCls attribute to give it a class name eg:

myNode.appendChild(new Ext.tree.AsyncTreeNode({
    text: "A folder",
    iconCls: "folder"
});

Then specify appropriate CSS rules, eg:

.x-tree-node img.folder, .x-tree-node-collapsed img.folder{
    background: url("../images/default/tree/folder.gif");
}
 
.x-tree-node-expanded img.folder {
    background: url("../images/default/tree/folder-open.gif");
}

How to remove a child

tree.selModel.selNode.parentNode.removeChild(node);