Chapter 7. The venerable GridPanel
This chapter covers
- Learning about the GridPanel Component
- Becoming an expert at Ext JS data Stores
- Setting up custom column renderers
- Configuring GridPanel mouse interaction event handlers
- Enabling GridPanel pagination with the PagingToolbar
- Implementing a custom context menu on the GridPanel
Since the early days of Ext JS, the GridPanel has been the centerpiece of the Ext Framework. It can display data like a table, but is much more robust. In many respects, I believe this holds true today, and the GridPanel is arguably one of its more complicated widgets, because directly depends on five directly supporting classes.
In this chapter, you’ll learn a lot about the GridPanel and the class that feeds it data, the data Store. We’ll start by constructing GridPanel that feeds from a Store that reads local in-memory array data. At each step of the process, you’ll learn more about both the data Store and the GridPanel and their supporting classes.
Once you become more familiar with the data Store and GridPanel, we’ll move on to building a remote-loading data Store that can parse JSON that will feed a paging toolbar.