[CLOSED] How to set an image into GridPanel column on the client?

[vadym.f]

Hi,

I would like to be able to change a column icon on the client. Right now, it's assigned during the column rendering as follows:

                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column DataIndex="ColumnIcon" MenuDisabled="true"
                            Sortable="false" Resizable="false" Hideable="false" Width="26">
                            <Renderer Fn="iconRenderer" />
                        </ext:Column>
                   </Columns>
                </ColumnModel>

        var iconRenderer = function (value, metadata, record) {
            if (record.get("ColumnIcon") != "") {
                value = String.format("<img src='{0}' />", Ext.net.ResourceMgr.getIconUrl(record.get("ColumnIcon")));
            }
            return value;
        };

I'd like to use the iconRenderer function or some other logic to set or replace the icon after the column is rendered. Please suggest an approach.

[Daniil]

Hi,

You should re-render that row, when the Renderer will be called again.

1. Calling Record set method causes a row to be updated.

record.set('ColumnIcon', 'new icon');

2. Calling

grid.getView().refreshRow(index);

refreshes the row with the specified index.

3. Calling

grid.getView().refresh();

just refreshes all rows.

[vadym.f]

Thanks much, that was it! Please mark this thread as resolved.