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

Creating a grouped grid

Grouping data together helps present the information clearly to users. Ext JS 4 provides a grouping feature (Ext.grid.feature.Grouping) that groups records using the Store's groupers and displays a title for each group:

Creating a grouped grid

To demonstrate the grouping feature we will group all invoices by Client.

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...

Now that you have included ...

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