Cómo deshacerse de los iconos en el árbol extjs

Question

Me gustaría deshacerme de los iconos en un árbol extjs. En cambio, me gustaría configurar todos los nodos que tienen hijos en negrita.

Answer 1

ExtJS se basa en CSS para el estilo, por lo que la forma más sencilla de eliminar los iconos es crear una regla CSS que anule la proporcionada por Ext.

Esto hará el trabajo:

.x-tree-icon { display: none !important; } 

Añadir una clase con la opción de configuración extraCls o utilizar el ID de componente para calificar la regla si es necesario.

En cuanto al texto en negrita, no parece haber una forma de usar solo CSS, por lo que podría escuchar el evento afterRender de la vista de árbol, aunque eso no será suficiente si agrega nodos dinámicamente.

Answer 2

En la definición de columna:

columns: [{ 
    xtype: 'treecolumn', 
    text: 'Task', 
    iconCls: '', // This property to get rid of tree icon 
    width: 200, 
    sortable: true, 
    dataIndex: 'someStringIdentifier', 
    locked: true 
}