Ext Grid控件的配置与方法

《Ext Grid控件的配置与方法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、[转]ExtGrid控件的配置与方法1、Ext.grid.GridPanel主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0stripeRows：表格是否隔行换色，默认为falsecm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、selModel：表格的选择模式，默认为Ext.grid.RowSelectionModelenableHdMenu：是否显示表头的上下文菜

2、单，默认为trueenableColumnHide：是否允许通过标题中的上下文菜单隐藏列，默认为trueloadMask：是否在加载数据时显示遮罩效果，默认为falseview：表格视图，默认为Ext.grid.GridViewviewConfig：表格视图的配置对象autoExpandMax：自动扩充列的最大宽度，默认为1000autoExpandMin：自动扩充列的最小宽度，默认为50columnLines：是否显示列分割线，默认为falsedisableSelection：是否禁止行选择，默认为falseenableColumnM

3、ove：是否允许拖放列，默认为trueenableColumnResize：是否允许改变列宽，默认为truehideHeaders：是否隐藏表头，默认为falsemaxHeight：最大高度minColumnWidth：最小列宽，默认为25trackMouseOver：是否高亮显示鼠标所在的行，默认为true主要方法：getColumnModel()：取得列模式getSelectionModel()：取得选择模式getStore()：取得数据集getView()：取得视图对象reconfigure(Ext.data.Storestore

4、,Ext.grid.ColumnModelcolModel)：使用一个新的数据集和列模式重新配置表格组件2、Ext.grid.Column主要配置项：id：列idheader：表头文字dataIndex：设置列与数据集中数据记录的对应关系，值为数据记录中的字段名称。如果没有设置该项则使用列索引与数据记录中字段的索引进行对应width：列宽align：列数据的对齐方式hidden：是否隐藏列，默认为falsefixed：是否固定列宽，默认为falsemenuDisabled：是否禁用列的上下文菜单，默认为falseresizable：是否

5、允许改变列宽，默认为truesortable：是否允许排序，默认为truerenderer：设置列的自定义单元格渲染函数传入函数的参数有：value：数据的原始值metadata：元数据对象，用于设置单元格的样式和属性，该对象包含的属性有：css：应用到单元格TD元素上的样式名称attr：一个HTML属性定义字符串，例如'style="color:blue"'record：当前数据记录对象rowIndex：单元格的行索引colIndex：单元格的列索引store：数据集对象xtype：列渲染器类型，默认为gridcolumn，其它可选值

6、有booleancolumn、numbercolumn、datecolumn、templatecolumn等editable：是否可编辑，默认为trueeditor：编辑器groupName：emptyGroupText：groupable：3、Ext.grid.ColumnModel主要配置项：columns：字段数组defaultSortable：是否进行默认排序，默认为falsedefaultWidth：默认宽度主要方法：findColumnIndex(Stringcol)：根据给定的dataIndex查找列索引getColumn

7、ById(Stringid)：取得指定id对应的列getColumnCount(BooleanvisibleOnly)：取得列总数getColumnHeader(Numbercol)：取得列的表头getColumnId(Numberindex)：取得列idgetDataIndex(Numbercol)：取得列对应的数据字段名getIndexById(Stringid)：取得列索引getTotalWidth(BooleanincludeHidden)isCellEditable(NumbercolIndex,NumberrowIndex)

8、isFixed()isHidden(NumbercolIndex)setColumnHeader(Numbercol,Stringheader)setColumnWidth(Numbercol,Number