ExtJS中表格控件的使⽤，属性设置和数据的获取
ExtJS中表格的特性简介
表格由类id.GridPanel定义，继承⾃Ext.Panel，xtype为grid
表格的列信息由id.ColumnModel定义
表格的数据存储器由Ext.data.Store定义，根据解析数据的不同，数据存储器可具体分为如下⼏种：JsonStore，SimpleStore，GroupingStore…
⼀个表格的基本编写过程：
1、创建表格列模型
2、创建数据数组
3、创建⼀个数据存储对象store，包含两部分：proxy，获取数据的⽅式；reader，解析数据的⽅式
ArrayReader的mapping⽤来设置列的排列顺序
4、创建GridPanel，装配ColumnModel和store
另外获取远程数据可以使⽤ScriptTagProxy，如下所⽰
表格的常⽤属性功能
渲染表格，为表格设置特殊样式
只需要在cm⾥⾯增加⼀个renderer属性，添加⼀个⾃定义函数来渲染传进来（由EXT⾃动传递）的参数的样式即可，即在返回value之前拼装上相应的HTML和CSS或者JS响应事件。
⾃动显⽰⾏号，只要在创建cm时创建⼀个RowNumberer就可以了
删除列
刷新表格
为表格添加复选框
需要使⽤CheckboxSelectionModel SelectionModel sm在使⽤时要放到cm和表格中
通过RowSelectionModel设置只选择⼀⾏
使⽤选择模型获取数据
表格视图
从MVC的思想来看表格控件：
* Ext.data.Store可看做模型
* id.GridPanel可看做控制器
* id.GridView可看做视图
* ⼀般GridView由GridPanell⾃动⽣成，如果想设置GridView的属性时，可以通过id.GridPanel的getView()获得视图实例
使⽤GridPanel的viewConfig在创建表格时设置GridView的初始化参数
css设置表格滚动条
为表格添加分页⼯具条
* 可以使⽤GridPanel的bbar属性，并创建Ext.PagingToolbar分页⼯具条对象
* 注意，如果配置了分页⼯具条，store.load()就必须在构造表格以后执⾏。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。