ext_GridPanel1_一

Ext.namespace("com.deng");
/**
 * 表格相关的组件很多，大多定义在Ext.grid命名空间中，GridPanel就是其中一个，当然在该命名空间中
 * 还有许多周边的组件和类，而且采取分层结构构建，各层职责非常清晰，GridPanel可以说是众星捧月，为了
 * 让他更好的工作，很多人在背后默默的付出，下面的类都是他的支持者：
 * Ext.grid.ColumnModel: 列模型，定义GridPanel的表头
 * Ext.grid.RowSelectionModel:　行选择模型，定义行的选择操作
 * Ext.grid.GridView: 视图，负责表格面板效果的渲染;
 * Ext.grid.Store: 数据源，负责为表格面板提供各种格式的数据；
 * Ext.grid.RowNumberer(): 序号生成器，负责为每一行生成一个从1开始的序号
 * Ext.grid.CheckboxSelectionModel:带复选框的行选择模型，为每行生成一个复选框，便于多选。
 * 
 * 列模型与数据
 * Ext.grid.GridPanel其实就是一个Panel，Ext.Panel是它的父类。在面板上放置表格数据就成了Ext.grid.GridPanel
 * 从外观上看，表格分成三大部分，表头、数据行和分页栏
 * 表头为表格列提供一序列信息，包含了列的说明、列的宽度、是否可以改变列的大小、是否排序、是否出现菜单等数据。我们
 * 可以根据客户需要完成相应的定制。
 * 表头由列模型Ext.grid.ColumnModel定义，是Ext.util.Observable的子类，所以，列模型也会触发相应的事件。列模型
 * 通常会包含若干个列的信息，每一列的信息保存在json结构中，一个列的配置选项有：
 * 
 * 配置选项名                    类型                       作用
 * header                        String                    列头文字说明
 * dataIndex                     String                    记录结果中的name属性值
 * width                         Number                    列的宽度
 * sortable                      Boolean                   是否排序
 * fixed                         Boolean                   是否固定宽度
 * resizable                     Boolean                   是否能改变列的宽度
 * menuDisabled                  Boolean                   单击列头后是否出现菜单
 * tooltip                       String                    悬停提示
 * renderer                      Function                  自定义单元格内容
 * align                         String                    列的对齐方式，有left、center和right
 *