ext grid 属性

《ext grid 属性》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、表格的属性分为配置属性（在操作表格时无法修改）以及其他可读写属性，方法，以及事件。如下：配置属性 a)activeItem：        渲染布局时激活的子元素。 b)applyTo：           指定渲染对象。 c)autoDestroy：       当容器的子元素从容器中移除时是否自动销毁。 d)autoExpandColumn：指定自动填充表格剩余区域的列id e)autoExpandMax：    可自动扩张的最大宽度。 f)autoExpandMin：    可自动扩张的最小宽度 g)autoHeight:       自

2、动扩充高度 h)autoShow：          是否自动显示 i)autoWidth：        自动扩充宽度 j)bbar/tbar：         底部/顶部状态栏 k)bufferResize：      容器再布局的缓冲频率 l)colModel/cm:       列模式 m)cls：                 组件的额外css格式。 n)collapsible:       是否显示快捷隐藏按钮 o)defaults：           指定默认配置。 p)disableSelection：  是否禁止选择表格行

3、或列 q)enableDragDrop：    是否允许表格列的拖放操作。 r)enableHdMenu：      是否显示表格列的菜单。 s)frame：              边框是否显示 t)loadMask:          是否显示加载动画 u)selModel/sm：       表格选择模式 v)store:            表格数据集 w)stripeRows：         是否显示分隔线。 x)title：                表格标题 y)viewConfig:{      forceFit:tr

4、ue  //自适应每个列的宽度   }z)sortable:  实现排序 Ext.grid.ColumnModel{  {header:"编号",dataIndex:"id",sortable:true}...}aa)sortInfo:解决中文排序varstore=newExt.data.Store({proxy:newExt.grid.MemoryProxy(data),read:newExt.data.ArrayReader({},[      {name:id},      ...]),sortInfo:{field:"name",dir

5、ection:"ASC"}});然后在重写Ext.data.Store的applySort函数Ext.data.Store.prototype.applySort=function(){if(this.sortInfo&&!this.remoteSort){   vars=this.sortInfo,f=s.field;varst=this.fields.get(f).sortType;varfn=function(r1,r2){  varv1=st(r1.data[f]),v2=st(r2.data[f]);if(typeof(v1)=="s

6、tring"){    returnv1.localCompare(v2);}returnv1>v2?1:(v1

7、dataFormat:'y-m-dTH:i:s'}{name:data,type:'data',renderer:render}functionrender(value,cellmeta,record,rowIndex,columnIndex,store){value:对应单元格的值cellmeta,单元格的属性(idcss)record,这行数据对象如果获取其他列使用record.data['id']rowIndex,行号(当前页中所有记录的顺序)columnIndex,当前列号store购置表单时传递的ds,}方法 a)getColumnM

8、odel()：      得到表格列模型 b)getGridEl():           得到表格下的元素 c)getPosition():