How to add a picture state or button to Extjs grid_extjs

We often need to add a picture status or button in the extjs grid. Let’s summarize the methods we have used:

1. Status representation:

Add renderer identification status in columns. The effect is as follows:

http://images.cnitblog.com/ blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png

2. Event handling:

Add onclick event directly to img:

The event is to pass the required data.

Another way is to add a cell click event to the grid:

In this way, you can get the clicked cell and then add event processing.

3. You can use 'actioncolumn' to add image buttons

This way you can also add pictures to grid cells.