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:
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>
Initialize the
QuickTipManager
to ensure that tooltips are displayed:Ext.tip.QuickTipManager.init();
Create a basic grid that is bound to the
invoiceStore
with the following columns configuration:Ext.create('Ext.grid.Panel', { title: 'Action Column Example', height: 150, width: 600, store: invoiceStore, columns: [{ header: 'Client...