Displaying an Image/Icon inside an EXT.NET GridPanel Cell with value (depinding on value)

[HaamSapTjai]

Greetings forumnites,

I have a question regarding rendering an Icon in a cell depending on the value.
The value comes from the datatable. The value can either be a string ?good? or ?bad? and resides in the column ?Status?.

Layout:

<ext:GridPanel ID="grid" runat="server">
<Store>
   <ext:Store ID="Store1" runat="server">
            <Reader>
                <ext:ArrayReader>
                    <Fields>
                        <ext:RecordField Name="status" Mapping="Status" />
                            <Renderer Handler = "imgRenderer()" />  
                    </Fields>
                </ext:ArrayReader>
            </Reader>
        </ext:Store>
    </Store>
 <ColumnModel ID="ColumnModel1" runat="server">
        <Columns>
            <ext:Column DataIndex="status" Header="Status" Width="160">
            </ext:Column> 
        </Columns>
</ColumnModel>
</ext:GridPanel>

I tried something like this, with no avail:

<script type="text/javascript">
    function imgRenderer(value, meta, record, rowIndex, colIndex, store) {
if(data == ?good?)
{
return "<img src='accept.png'/>"
}
else (data == "bad") 
        {
            return "<img src='cancel.png'/>"
        }
    }
</script>

I am new to this, I googled for some examples but it doesn't really fit into mine implementation.
For example: http://miamicoder.com/2009/displayin...l-cell-part-2/

[Daniil]

Hi,

Renderer should return a string value.

Example

<Renderer Handler = "return imgRenderer();" />

See also
http://forums.ext.net/showthread.php?13336

[HaamSapTjai]

Ah missing return, silly me xD

I have the icons I need now, but there one little hickup.

I can't see my values anymore. The icons accept and cancel is on top of my values 'good' and 'bad' I think...

Is there a way to manipulate the statement return "<img src='accept.png'/>" ? Like adding 'right no-repeat' property?

[Daniil]

You can set up the CSS "class" attribute as for a common HTML element.
http://www.w3schools.com/tags/tag_img.asp

[HaamSapTjai]

Thank you, I will look into it :)
[Closed] ?

[Daniil]

[Closed] ?

Don't worry, we mark the threads as closed only on the premium forums.