用ExtJs6.0写的,升级到6.2之后gridpanel滑动时就会卡顿,代码如下,求解决
Ext.define('CallCenter.view.main.ContactsGrid', {
extend: 'Ext.grid.Panel',
xtype: 'xContactsGrid',
frame: true,
selType:'checkboxmodel',
selModel: {
checkOnly: true,
mode:'SIMPLE',
// pruneRemoved: false
},
// plugins: [{
// ptype: 'bufferedrenderer'
// }],
loadMask: true, //加载数据时有遮罩效果
controller:'contactsGrid',
cls:'widgtcol gridHeadBtn',
overflowY:'auto',
listeners:{
beforedestroy:'clearStore'
},
initComponent: function(){
var pluginExpanded = true;
var store = Ext.getStore('ContactsStore');
store.removeAll();
Ext.apply(this, {
store: store,
columns: [
{
text: '联系人',
dataIndex: 'name',
flex: 1,
align:'center',
xtype: 'widgetcolumn',
widget: {
xtype: 'button',
listeners: {
click: 'modifyContacts'
}
}
},
{
text: '性别',
dataIndex: 'sex',
flex: 1,
align:'center',
renderer:this.renderSex
},
{
text: '固定电话(分机)',
dataIndex: 'landingTele',
flex: 1,
align:'center',
xtype: 'widgetcolumn',
widget: {
xtype: 'button',
listeners: {
click: 'callTel'
}
}
},
{
text: '手机号码',
dataIndex: 'mobile',
flex: 1,
align:'center',
xtype: 'widgetcolumn',
widget: {
xtype: 'button',
listeners: {
click: 'callMobile'
}
}
},
{
text: '其他号码',
dataIndex: 'otherPhone',
flex: 1,
align:'center',
xtype: 'widgetcolumn',
widget: {
xtype: 'button',
listeners: {
click: 'callOtherPhone'
}
}
},
{
text: '传真号',
dataIndex: 'faxNo',
flex: 1,
align:'center'
},
{
text: '邮箱',
dataIndex: 'email',
flex: 1,
align:'center'
}
],
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [
{
xtype: 'button',
text: '批量删除',
icon:'resources/images/delete.png',
style:{
marginLeft:'10px'
},
listeners:{
click:'deleteClick'
}
},{
xtype: 'button',
text: '新建联系人',
icon:'resources/images/add.png',
style:{
marginLeft:'10px'
},
listeners:{
click:'addContacts'
}
},{
xtype: 'button',
text: '导出联系人',
icon:'resources/images/export.png',
style:{
marginLeft:'10px'
},
listeners:{
click:'downloadDemo'
}
},{
xtype: 'button',
text: '导入联系人',
icon:'resources/images/import.png',
style:{
marginLeft:'10px'
},
listeners:{
click:'showImportWin'
}
}
]
}]/*,
bbar: Ext.create('Ext.PagingToolbar', {
store: store,
displayInfo: true,
displayMsg: '当前显示 {0} - {1} of {2}',
emptyMsg: "当前无数据",
plugins: new CallCenter.ux.PageSize()
})*/
});
this.callParent();
},
renderSex:function(value){
if(value == 0){
return '男';
}else if(value == 1){
return '女';
}
}
});