Thanks for joining me in part three of the EXT-JS GridPanel tutorial series. In part two of the series we covered the basic mechanics of getting the data into our JsonStore and displaying it in the grid. We looked both at the server-side PHP and the client-side JavaScript required for achieving this.
EXT JS: the Paging Toolbar and Live Data - Summary (Page 4 of 4 )
We now have all of the functionality that we set out to include when we began looking at the GridPanel and have worked with several key components from the library, including a DataStore (extended to a JsonStore), GridPanel and a PagingToolbar. Using these components has saved us a considerable amount of coding, even when the PHP is included that make working with data in this way so beneficial.
One thing I think you’ll agree on, however, is that while the components do everything that we want, and that the data is displayed in an attractive and highly useable state, the formatting of the data could use some improvement. The GridPanel does an excellent job of displaying the remote data in a tabular format, reminiscent of a spreadsheet, but in our example, we’ve been working with product information extracted from our database, not flat tabular data.
In the last and final part of this tutorial we’ll be looking at how we can format the data displayed in the grid so that it looks like the kind of page that you might actually see in an online store. Thankfully the GridPanel contains methods that allow us to easily format and present the data in the way that we want. We’ll get to see exactly what these methods are and how they can be used.
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.
JavaScript 
/ 9 
EXT JS Passing Live Data
