Question

我想有条件地更改树上的文件夹图标仅适用于某种类型的任务，而不是全部。名称列左侧显示的任务。默认情况下，如果一个叶子打开文件夹，它将显示一个已关闭的文件夹。我有一个字段来检查node的类型。它可以是activity / ticket / subticket。

对于票我想要更改图标。我尝试了下面的代码，但问题是，它显示了新图标，但旧图标没有被替换/删除。它们都显示出来。

{
                    xtype: 'namecolumn',
                 //   tdCls: 'namecell',
                    width: 200,
                    renderer: function (value, meta, record) {
                        if(record.get('IsTicket'))
                        {
                           meta.tdCls = 'isticket';
                        }
                       return value;
 }

然后在css

.isticket {
    background-position:center  !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-image: url("images/delete.gif") !important; 
}

此外，我在Bryntum的Gantt上尝试这个问题，在他们的论坛上问道，但是他们说它更多的是与extJs有关。

Answer 1

您需要将CSS更新为

.isticket .x-tree-icon{
    background-image: url("images/delete.gif") !important; 
}

或者，如果您可以控制json数据，则可以将iconCls定义为数据的一部分。

这是小提琴https://fiddle.sencha.com/#fiddle/174b

有条件地更改树（文件夹）图标

1 个答案: