EditorGridPanel 中,从第二列开始。点击后 列会向左移动(FF下正常,IE6中会发生这样的事情)
这是EditorGridPanel 初始化 以后。点击第一列没问题
这是点击第二列。。第一列向左移动了一截。。同样点击第三列时第二列继续向左移动
使用IE6看官方网站的例子也有这样的情况。。
求教如何处理这类问题呢?
代码:
this.cm = new Ext.grid.ColumnModel([{ id : 'Id', header : "序号", dataIndex : 'ID', width : 40 }, { header : "任务名称", dataIndex : 'title', width : 90 }, { header : "任务内容", dataIndex : 'content', width : 150 }, { header : "汇报对象", dataIndex : 'asklead', width : 60 },{ header : "开始时间", dataIndex : 'starttime', width : 95 },{ header : "结束时间", dataIndex : 'endtime', width : 95 },growthColumn ]); this.cm.defaultSortable = true; this.gridViewConfig = {}; var Plant = Ext.data.Record.create([{name : 'progress',type : 'int'}]); this.store=new Ext.data.JsonStore({ id:"Id", url:"mission.asp?action=List", root:"result", totalProperty:"RowCount", remoteSort:true, fields:this.storeMapping }); this.store.paramNames.sort="orderBy";// 改变排序参数名称 this.store.paramNames.dir="orderType";// 改变排序类型参数名称 this.pageSize = 20; var viewConfig=Ext.apply({forceFit:true},this.gridViewConfig); this.grid=new Ext.grid.EditorGridPanel({ id:"missionGrid", store:this.store, cm:this.cm, border : false, loadMask: true, clicksToEdit:1, //autoExpandColumn:2, //自动拉伸第几列 frame:true, viewConfig : viewConfig, region:"center", plugins: [growthColumn], tbar:[' ',' ',{ text:"新增任务", cls:"x-btn-text-icon", pressed: true, icon:"images/core/add.gif", handler:this.addCategory, scope:this },' ',' ',{ text:"删除任务", pressed: true, cls:"x-btn-text-icon", icon:"images/core/delete.gif", handler:this.removeCategory, scope:this },' ',' ',{ text:"刷新", pressed: true, cls:"x-btn-text-icon", icon:"images/core/refresh.gif", handler:this.refresh, scope:this },' ',' ', new Ext.Toolbar.Fill(),"Search: ", new Ext.app.SearchField({ store: this.store, width:150 }) ], bbar: new Ext.PagingToolbar({ pageSize: this.pageSize, store: this.store, displayInfo: true, displayMsg: '每页显示 '+this.pageSize+' 条数据 目前显示第 {0} 到 {1} 条数据 共 {2} 条数据', emptyMsg: "暂时没有数据" }) }); this.grid.on("afteredit",this.afterEdit,this); mission.superclass.constructor.call(this,{ id:"missionPanel", iconCls:'mission', title:"任务管理", closable: true, autoScroll:true, layout:"border", items:[this.grid] }); this.store.load({params:{start:0, limit:this.pageSize}});