7、使用网格展示数据

使用网格展示数据

1. 网格概述

Ext网格类似于电子表格，每个电子表格主要有两个部分：
- 列
- 行

例如，列可以是“标题”、“发行日期”、“类型”和“价格”，而行则包含像《谋杀绿脚趾》《超级骑警》等电影的数据。每一行实际上就是我们的数据，网格中的每一行代表一条数据记录。

2. 使用GridPanel展示结构化数据

在网格中展示数据需要两个Ext组件：
- 存储（Store）：类似于内存数据库，用于跟踪我们要展示的数据。
- 网格面板（GridPanel）：提供一种方式来展示存储在数据存储中的数据。

3. 术语解释

在开始创建这些组件之前，先了解一些可能会让人混淆的术语：
- 列（Columns）：指整列数据，包含与整列数据展示相关的信息，包括标题。在Ext JS中，这些信息是列模型（Column Model）的一部分。
- 字段（Fields）：也指整列数据，但指的是实际的数据值。在Ext JS中，用于读取数据的读取器（Reader）中。

4. 设置数据存储

首先要设置数据并将其放入数据存储中。Ext中可用的数据存储类型为我们提供了一种一致的方式来读取不同的数据格式，如XML和JSON，并且在所有Ext小部件中以一致的方式读取这些数据。无论数据是JSON、XML、数组，甚至是自定义数据类型，都可以通过数据存储以相同的方式访问。

默认情况下，Ext中可用的一些数据存储类型有：
- 简单（数组）
- XML
- JSON

也可以创建自定义数