extjs4——去掉combobox和tree的loadMask

最新推荐文章于 2023-09-09 19:53:30 发布

anjile1234567890

最新推荐文章于 2023-09-09 19:53:30 发布

阅读量393

点赞数

分类专栏： extjs

本文链接：https://blog.youkuaiyun.com/anjile1234567890/article/details/84209905

版权

extjs 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在ExtJS中配置Combobox和TreePanel组件，使其在加载数据时不显示默认的加载遮罩(loadMask)，从而改善用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置combobox的store的query项为remote时，点击 combobox的下拉列表时，会实时发ajax请求去load数据，这时默认会出现loadmask。

/* remove loadMask for combobox load */
Ext.form.field.ComboBox.prototype.defaultListConfig={
        emptyText: '',
        //loadingText: 'Loading...', //remove this
        //loadingHeight: 70,    //remove this
        loadMask:false,   //add this
        minWidth: 70,
        maxHeight: 300,
        shadow: 'sides'
};

同理, treepanel的store，也可以去掉loadMask:

Ext.create('Ext.tree.Panel', {
            store: treeConfig.store,
            cls:'x-column-tree',
            rootVisible: false,
            viewConfig: {
                loadMask: false, //remove loadMask
                plugins: {
                    ptype: 'treeviewdragdrop'
                }
            },
            autoHeight:true,
            height:'900',
            width: 250,
            title: '',
            useArrows: true,
            border:false
        });