[CLOSED] Icon column in GridPanel based on column from store

[jmcantrell]

Hi,

I would like to have a column in my GridPanel that displays an icon based on a column from the store. For example, if I had a column in the store that had values like "image", "text", or "audio", I want to display a different icon for each of these. How would I do this?


Thanks,
Jeremy

[jchau]

http://forums.ext.net/showthread.php?postid=24896.aspx


using the following google search:
http://www.google.com/search?q=site:...hl=en&sa=2

[jmcantrell]

What would I use if I don't want to make a command? I just want this for display.

[Vladimir]

Hi,

You don't need a command. As mentioned in the first item of the post (link from jchau)

can
be solved by using a <Renderer> and returning a string of html
which includes an <img> tag. The src of the img should be the data
item for that column.

Please perform the following steps

1. Add Renderer to the column

<Renderer Fn="imageRenderer" />

2. Define something following in the page

function imageRenderer(value, metaData, record){
      var imageUrl = "default.png";

      switch(record.get('data_type')){ //'data_type' for example only, you have to use own field
             case "video":
                  imageUrl = "video.png";
                  break;
             case "audio":

                  imageUrl = "audio.png";
                  break;
      }

      return "<img src='"+ imageUrl + "'/>";
}

[jmcantrell]

Oh, right. I saw that. I should have been more clear, though. I would like to use one of the builtin icons for this column.

[jmcantrell]

I think I figured it out. I just saw the "icons/foo-png/ext.axd" example.