dabocaiqq 2018-05-26 20:40 采纳率: 54.8%
浏览 844
已采纳

用ExtJs6.0写的,升级到6.2之后gridpanel滑动时就会卡顿,代码如下,求解决

用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 '女';
    }
}

});

展开全部

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2018-06-09 19:04
    关注

    extjs这种性能问题最好是取官网问了。。框架太大了。。出问题不要检查

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 TMUXHS4412如何防止静电,
  • ¥30 Metashape软件中如何将建模后的图像中的植被与庄稼点云删除
  • ¥20 机械振动学课后习题求解答
  • ¥15 IEC61850 客户端和服务端的通讯机制
  • ¥15 MAX98357a(关键词-播放音频)
  • ¥15 Linux误删文件,请求帮助
  • ¥15 IBMP550小型机使用串口登录操作系统
  • ¥15 关于#python#的问题:现已知七自由度机器人的DH参数,利用DH参数求解机器人的逆运动学解目前使用的PSO算法
  • ¥15 发那科机器人与设备通讯配置
  • ¥15 Linux环境下openssl报错
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部