1

我正在尝试为 LoadMask 设置我自己的图像。

我将 LoadMask 用作描述表单被禁用原因的警报消息。此表单位于从窗口打开的模式中。

我希望警报消息居中并限制在滚动的表单中，因此当您向下滚动到表单的视线之外时，消息会停留在表单上方。

我已经使用 LoadMask 实现了这一点，但是，现在我只想删除掩码中的加载图像，并将其设置为单个警报图像。

我知道它可以通过使用 viewConfig 使用网格面板来实现，但它似乎不适用于表单面板。

这是我正在使用的布局，在项目之后，我只是添加了很多表单。我也曾尝试将等待消息用于表单，但我无法让它保留在屏幕上。

var layout = Ext.create( 'Ext.panel.Panel',
{
    border : false,
//  padding: '10 0 10 10',
    autoScroll: true,
    //defaults: {padding:'10 10 0 10'},
    defaults: {     
        waitMsgTarget: true, 
        viewConfig:{
            loadingCls: 'custom-loader'
        },
        listeners:{
            afterlayout: function(form, layout, eOpts){                     
                    if(form && form.disabled){                          
                        var alert;
                        switch(form.name){
                            case 'Settings':
                                alert = 'Select a profile to edit this menu.'
                                break;
                            case 'activeswitchbox':
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            case 'enabledisable': 
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            case 'roomassignment':
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            default:
                                alert = 'Select a profile to edit this menu.';
                        }
                        // var myMask = new Ext.LoadMask(form.getEl(), 
                        // {                                
                            // msg:alert,
                        // });  
                        // myMask.show();   
                        form.getForm().load({waitMsg:'Wait'});
                        //form.view.loadMask.show(); 
                    }
                }
        }
    },
    items:
    [   
        {
            xtype: 'form',
4

0 回答 0