Displaying data in a grid requires two Ext components:
- A
store
that acts like an in-memory database, keeping track of the data we want to display - A
grid panel
that provides a way to display the data stored in a data store
Before we start to create each of these, let's look at some of the terminology that will be used, because this can be confusing at first:
- Columns: This refers to a whole column of data, and would contain information only relevant to the display of data down through the entire column, including the heading. In Ext JS, this information is part of the
Column Model
. - Fields: This also refers to an entire column of data, but is refers to the actual data values. With Ext JS, this is used in the
reader
, for loading data.