O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding buttons to grid rows with action columns

The action column enables you to define a column with a series of clickable icons that allow users to interact with the grid on a row-by-row basis.

This example will demonstrate how to create an action column for a grid with multiple icons that can be clicked:

Adding buttons to grid rows with action columns

Getting ready

We are going to use the Invoice example that we have used throughout this chapter so we will start by including the Model and Store files to our HTML page:

<script type="text/javascript" src="invoices-model.js">
</script>
<script type="text/javascript" src="invoices-store.js">
</script>

How to do it...

  1. Initialize the QuickTipManager ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required