Jak pozbyć się ikon w drzewie extjs

Question

Chciałbym pozbyć się ikon w drzewie extjs. Zamiast tego chciałbym, aby wszystkie węzły, które mają dzieci, były pogrubione.

Answer 1

ExtJS używa CSS do stylizacji, więc najprostszym sposobem na usunięcie ikon jest utworzenie reguły CSS, która zastąpi regułę dostarczoną przez Ext.

To będzie wykonać zadanie:

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

dodać klasę z opcją config extraCls lub użyć komponentu identyfikator, aby zakwalifikować się zasadę, jeśli to konieczne.

Jeśli chodzi o pogrubiony tekst, wydaje się, że nie ma sposobu używania samego CSS, więc można posłuchać zdarzenia afterRender widoku drzewa, ale to nie wystarczy, jeśli dynamicznie dodaje się węzły.

Answer 2

W definicji kolumna:

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