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

Custom rendering of grid cells with TemplateColumns

The Ext.grid.column.Template class is a new column type that has been introduced in Ext JS 4. It allows a very easy mechanism for formatting a grid's columns with an Ext.XTemplate so you can have full control over your grid's displayed data.

We will continue with our Invoice Management example, and in this recipe we are going to explore how to use this new class to add extra information and formatting to the Client and Amount grid columns.

Getting ready

As with all the recipes in this chapter so far, we are going to use the generic Invoices Ext.data.Model and Ext.data.Store, which can be found in the invoices-store.js and invoices-model.js. These have been bundled with the resources for this chapter ...

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