Ext Grid控件的配置与方法.docxVIP

[转]Ext Grid控件的配置与方法1、Ext.grid.GridPanel 主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、selModel：表格的选择模式，默认为Ext.grid.RowSelectionModel enableHdMenu：是否显示表头的上下文菜单，默认为true enableColumnHide：是否允许通过标题中的上下文菜单隐藏列，默认为true loadMask：是否在加载数据时显示遮罩效果，默认为false view：表格视图，默认为Ext.grid.GridView viewConfig：表格视图的配置对象autoExpandMax：自动扩充列的最大宽度，默认为1000 autoExpandMin：自动扩充列的最小宽度，默认为50 columnLines：是否显示列分割线，默认为false disableSelection：是否禁止行选择，默认为false enableColumnMove：是否允许拖放列，默认为true enableColumnResize：是否允许改变列宽，默认为true hideHeaders：是否隐藏表头，默认为false maxHeight：最大高度minColumnWidth：最小列宽，默认为25 trackMouseOver：是否高亮显示鼠标所在的行，默认为true 主要方法：getColumnModel()：取得列模式getSelectionModel()：取得选择模式getStore()：取得数据集getView()：取得视图对象reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel )：使用一个新的数据集和列模式重新配置表格组件2、Ext.grid.Column 主要配置项：id：列id header：表头文字dataIndex：设置列与数据集中数据记录的对应关系，值为数据记录中的字段名称。如果没有设置该项则使用列索引与数据记录中字段的索引进行对应width：列宽align：列数据的对齐方式hidden：是否隐藏列，默认为false fixed：是否固定列宽，默认为false menuDisabled：是否禁用列的上下文菜单，默认为false resizable：是否允许改变列宽，默认为true sortable：是否允许排序，默认为true renderer：设置列的自定义单元格渲染函数传入函数的参数有：value：数据的原始值metadata：元数据对象，用于设置单元格的样式和属性，该对象包含的属性有：css：应用到单元格TD元素上的样式名称attr：一个HTML属性定义字符串，例如style=color:blue record：当前数据记录对象rowIndex：单元格的行索引colIndex：单元格的列索引store：数据集对象xtype：列渲染器类型，默认为gridcolumn，其它可选值有booleancolumn、numbercolumn、datecolumn、 templatecolumn等editable：是否可编辑，默认为true editor：编辑器groupName：emptyGroupText：groupable：3、Ext.grid.ColumnModel 主要配置项：columns：字段数组defaultSortable：是否进行默认排序，默认为false defaultWidth：默认宽度主要方法：findColumnIndex( String col )：根据给定的dataIndex查找列索引getColumnById( String id )：取得指定id对应的列getColumnCount( Boolean visibleOnly )：取得列总数getColumnHeader( Number col )：取得列的表头getColumnId( Number index )：取得列id getDataIndex( Number col )：取得列对应的数据字段名getIndexById( String id )：取得列索引getTotalWidth( Boolean includeHidden ) isCellEditable( Number colIndex, Number rowIndex ) isFixed() isHidden( Number colIndex ) se