[CLOSED] How to display an image in GridPanel column?

[vadym.f]

Hi,

I need to render different icons in a GridPanel column depending on the value of the row record. What would be the best approach to achieve it? I believe that can be done in the Renderer JS function but I need to provide the correct path in JS to the icons in the resource file. Please advise.

Thanks,

Vadym

[geoffrey.mcgill]

Hi,

Yes, you'll need to us a Column Renderer and return the html required to render the image file.

You can find the path to the Icons within your project by running the following

Example

this.ResourceManager1.GetIconUrl(Icon.Accept);

This will return a string path to the Icon.Accept, which you can modify to return any Icon image.

Hope this helps.

[vadym.f]

Thanks for your help Geoffrey!

Here's what eventually worked for me:

<script type="text/javascript">
        var iconRenderer = function (value, metadata, record) {
            if (record.get("RowIcon") !="") {
                value = String.format("<img width='80%' height='80%' src='{0}' />", Ext.net.ResourceMgr.getIconUrl(record.get("RowIcon")));
            }
            return value;
        };
</script>

<ext:Column ColumnID="RowIcon" Header="" DataIndex="RowIcon" Width="24">
     <Renderer Fn="iconRenderer" />
</ext:Column>

I think there may be a way to accomplish the same on the server. I'd be curious to learn if it is indeed possible.

Thanks,

Vadym

[Daniil]

I think there may be a way to accomplish the same on the server. I'd be curious to learn if it is indeed possible.

Well, not sure what exactly you'd like to accomplish on server side.

Just to clarify:
http://forums.ext.net/showthread.php...ll=1#post71828

[vadym.f]

Well, not sure what exactly you'd like to accomplish on server side.

Just to clarify:
http://forums.ext.net/showthread.php...ll=1#post71828

I was just curious if rendering images in the GridPlanel columns was available on the server. I think TemplateColumn can be used but not quite sure. Anyway, I got the code that does the job for me.

Thanks,

Vadym

[Daniil]

Generally, yes, you could set up Template for a TemplateColumn on server side using:

<img src="{RowIcon}" />

Though, personally, I'd prefer to use a custom Renderer.

[vadym.f]

Generally, yes, you could set up Template for a TemplateColumn on server side using:

<img src="{RowIcon}" />

Though, personally, I'd prefer to use a custom Renderer.

Thanks Daniil!

Vadym