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}});