ext grid 属性.doc

表格的属性分为配置属性（在操作表格时无法修改）以及其他可读写属性，方法，以及事件。如下：配置属性a) activeItem： 渲染布局时激活的子元素。b) applyTo： 指定渲染对象。c) autoDestroy： 当容器的子元素从容器中移除时是否自动销毁。d) autoExpandColumn： 指定自动填充表格剩余区域的列ide) autoExpandMax： 可自动扩张的最大宽度。f) autoExpandMin： 可自动扩张的最小宽度g) autoHeight: 自动扩充高度h) autoShow： 是否自动显示i) autoWidth： 自动扩充宽度j) bbar/tbar： 底部/顶部状态栏k) bufferResize： 容器再布局的缓冲频率l) colModel/cm: 列模式m) cls： 组件的额外css格式。n) collapsible: 是否显示快捷隐藏按钮o) defaults： 指定默认配置。p) disableSelection： 是否禁止选择表格行或列q) enableDragDrop： 是否允许表格列的拖放操作。r) enableHdMenu： 是否显示表格列的菜单。s) frame： 边框是否显示t) loadMask: 是否显示加载动画u) selModel/sm： 表格选择模式v) store: 表格数据集w) stripeRows： 是否显示分隔线。x) title： 表格标题y) viewConfig: forceFit: true /自适应每个列的宽度 z)sortable: 实现排序Ext.grid.ColumnModel header: 编号 , dataIndex:id,sortable: true .aa)sortInfo: 解决中文排序var store=new Ext.data.Store(proxy:new Ext.grid.MemoryProxy(data),read:new Ext.data.ArrayReader(, name:id, .),sortInfo:field:name, direction:ASC) ;然后在重写Ext.data.Store的applySort函数Ext.data.Stotype.applySort=function()if(this.sortInfo&!this.remoteSort) var s=this.sortInfo, f=s.field;var st=this.fields.get(f).sortType;var fn=function(r1,r2) var v1=st(r1.dataf), v2=st(r2.dataf);if(typeof(v1)=string) return v1.localCompare(v2);return v1v2?1:(v1v2?-1:0);this.data.sort(s.direction,fn);if(this.snapshot & this.snapshot != this.data) this.snapshot.sort(s.direction.fn);将这段代码加到ext-all.js最后面，或者放到html页面最上面，总之在ext初始化之后，实际代码调用它之前执行显示日期类型数据：name:data,type:data,dataFormat:y-m-dTH:i:sname:data,type:data,renderer:renderfunction render(value,cellmeta,record,rowIndex,columnIndex,store)value:对应单元格的值cellmeta,单元格的属性(id css)record,这行数据对象如果获取其他列使用 record.dataidrowIndex,行号(当前页中所有记录的顺序)columnIndex,当前列号store 购置表单时传递的ds,方法a) getColumnModel()： 得到表格列模型b) getGridEl(): 得到表格下的元素c) getPosition(): 得到组件的当前位置，返回一个数组d) getSelectionModel(): 得到选中模型e) getSize(): 得到组件大小f) getStore(): 得到组件的数据集g) getView(): 得到表格的GridView对象。h) hide(): 隐藏当前组件i) isVisible(): 判断当前组件是否显示j) setDisabled( Boolean): 设置组件的可用性k) un(): 解除组件的监听l) on()： 为组件添加监听on ( String eventName, Function handler, Object scope ) eventName: 添加监听的名称 handler: 事件处理函数 scope: 事件响应的作用域, 包括scope,delay,single,buffer。例如：var jsonArray1 = ;var selections = grid.getSelectionModel().getSelections();for (var i = 0; i selections.length; i+) var record = selectionsi; jsonArray1.push(record.data); alert(提示,selections.length+record.get(ODEFINEID) + , + record.get(ODEFINENAME) + , + record.get(DATASOURCEID);行选择模式：Js代码 var rowcount = grid.getSelectionNode().getSelections(); var rowcount = grid.getSelectionNode().getSelections();可以获取全部选中的记录，得到的rowcount将是一个Array，比如想获取sex列的数据，语句如下Js代码var strsex = rowcount.get(sex); var strsex = rowcount.get(sex); 单元格选择模 如果在GridPanel的配置属性增加sm属性如下 Js代码 sm:new Ext.grid.CellSelectionModel(); sm:new Ext.grid.CellSelectionModel();则表格的选择模式为单元格选择模式。当单击时将选中对应的某一个单元格，而不是默认的选择某一行。选择方式如下 Js代码 var cell = grid.getSelectionNode().getSelectedCell(); var cell = grid.getSelectionNode().getSelectedCell(); 得到的cell记录了当前选择的行(cell0)以及列(cell1).可以通过一下语句得到该单元格数据 Js代码 var colname = grid.getColumnModel().getDataIndex(cell1); /获取列名 var celldata = grid.getStore().getAt(cell0).get(colname); /获取数据 var colname = grid.getCo