How to Display an Image Inside an ExtJS GridPanel’s Cell

A simple approach you can take to displaying an image inside an Ext GridPanel’s cell consists of using a renderer function to modify the cell’s appearance.

To explain this approach, I will use a sample GridPanel that displays movie rentals information. Together with movie titles and number of rentals, the grid will display rental trends using a small icon, as shown in the following screenshot:

How to do it

First, we need some data to work with. An ArrayStore with a few dummy records will do the job:

Canu Please share the fiddle for the demo. It will be really helpful , if you can share jsfiddle or sencha try for the same. I have used the same code, But Icon not coming. I have send json object of grid to extjs using ajax with sample json object

Your email address will not be published. Required fields are marked *

Comment

Name *

Email *

Website

Free Mobile User Interface Recipes Kit

Sign up to receive my posts via email and get a FREE Mobile User Interface Recipes Kit with mockups packages for three real-world mobile apps. You will save hours of design time when you use the kit to build your own apps.