Chapter 5. Using Grid Panels to Display and Edit Tabular Data

The following recipes will be covered in this chapter:

• Displaying XML data sent by the server

• Displaying JSON data generated by the server

• Creating a grid that uses server-side sorting

• Implementing data paging

• Data grouping with live group summaries

• Creating data previews

• Creating a grid panel with expandable rows

• Using checkboxes to select grid rows

• Numbering rows in a grid panel

• Changing grid panel data using cell editors

• Automatic uploading of data edited with a grid

• Performing batch uploads of data edited with a grid

• Changing a grid's data store and columns at runtime

Introduction

This chapter focuses on how data is displayed using Ext JS grid panels. It examines data paging and grouping, implementation of live summaries and previews, in-place editing of data, and different approaches to sending data back to the server.

In this chapter you will also learn how to augment the grid panel's features using different plugins.