[CLOSED] TreePanel With Image/Icon

[softmachine2011]

Hi,

I see your tree component column example: https://examples2.ext.net/#/TreePane...ponent_Column/

And I want to perform something similar, I attach an image of what I mean.
This is a simple treepanel with an image next to treenode if this node accomplish a condition.

Is there a way to do it, or the only way is to make the same as the example but with an image column and a renderer for example.

[Daniil]

Hi @softmachine2011,

Please see the "NEW" images right from the nodes' text.
http://mvc.ext.net/

This is how we implemented it.

ColumnModel =
{
    Columns =
    {
        new TreeColumn()
        {
            Flex = 1,
            Renderer =
            {
                Fn = "treeRenderer"
            }   
        }
    }
}

var treeRenderer = function (value, metadata, record) {
    value = record.data.text; // It looks an ExtJS bug - value is undefined.

    if (record.data.isNew) {
        value += "<span>&nbsp;</span>";
    }
    
    return value;
};

[Daniil]

value = record.data.text; // It looks an ExtJS bug - value is undefined.

It just needs to set up DataIndex.

new TreeColumn()
{
    DataIndex = "text",
    Flex = 1,
    Renderer =
    {
        Fn = "treeRenderer"
    }   
}

var treeRenderer = function (value, metadata, record) {
    if (record.data.isNew) {
        value += "<span>&nbsp;</span>";
    }
    
    return value;
};

Also you might need to set up

HideHeaders = true

for a TreePanel.

[softmachine2011]

I done it like you told me and it works perfectly!

Thanks