EditorGridPanel 的问题

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

 
 

2个回答

[url]http://www.iteye.com/topic/274759[/url]
这个是一个解决办法。希望能够解决问题

这个是一个bug,
换3.0看看。应该修复了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!