extjs在TreeStore中设置treenode的图标答案

【问题标题】：Extjs set icon of treenode in TreeStoreextjs在TreeStore中设置treenode的图标
【发布时间】：2014-11-14 08:56:55
【问题描述】：

我想更改树面板树节点的图标。当我动态附加 childNode 时，我可以这样做。但是当我们通过代理将treestore直接应用到initComponent()中的Treepanel视图时，如何将图标设置为treenode。

TreePanelView.js

     initComponent: function() {

            Ext.apply(this, {
              store: new Ext.data.TreeStore({
                 proxy: {
                    type: 'ajax',
                    url: 'json/treeview.json'
                 },
                 folderSort: true
              }),
              columns: [{
                xtype: 'treecolumn',
                text: 'Components',
                flex: 2,
                sortable: true,
                dataIndex: 'childName'
              }]
        });

        this.callParent();
    }

【问题讨论】：

本质上是您要求更改树面板节点和叶子图标？

标签： extjs store treenode treepanel

【解决方案1】：

您应该能够使用渲染器来解析列的值，然后根据您可能拥有的任何规则设置图标。这个简单的示例将一个类添加到与其值相等的列单元格，但您可以解析列值并在渲染器函数中设置特定的类或图标。

...
columns: [{
    xtype: 'treecolumn',
    text: 'Components',
    flex: 2,
    sortable: true,
    dataIndex: 'childName',
    renderer: function (value, metaData) {
       metaData.tdCls = value;
       return value;
    }
}]
...

【讨论】：