Как установить Ext.net загрузка маски в окне / Панели управления с помощью функции javascript?

function showImageFn(imgID,frmPanelPicture) {                                                                                                               
    var myMask = new Ext.LoadMask(Ext.getCmp('frmPanelPicture').el{msg:'Loading'});  //showing error 

    var myMask = new Ext.LoadMask(frmPanelPicture, {msg:"Loading..."}); //showing error                                                                                   
    loadMask.show();
    ShowPicMethod.ShowImage(imgID)
 };

Показывает ошибку выполнения JavaScript:

‘frmPanelPicture’ не определен

Но если я использую следующий фрагмент кода:

Ext.getBody().mask("Loading..."); //it's work fine

Но это работает на теле отверстия, но я не хочу этого,я хочу дать маску загрузки только управление окном / панелью не для тела/страницы отверстия.Пожалуйста, помогите мне.Спасибо заранее.

2 ответа

  1. Маскировка всегда применяется к телу любого элемента. Так мы должны узнать тело используя Ext.getCmp("frmPanelPicture").getBody()и после этого приложить маскировать как ниже

     var myMask = new Ext.LoadMask(Ext.getCmp("frmPanelPicture").getBody(), {msg:"Loading..."});
     myMask.show(); 
    

    попробовать это

  2. Вы пытаетесь найти элемент под названием ‘frmPanelPicture’. Если вы не используете IDMode=Static ваша панель элемент не будет добавлен в DOM как ‘frmPanelPicture’ это будет приложение.frmPanelPicture.

    В chrome нажмите F12 и перейдите к консоли, введите ‘App.’и проверить, как Ext.NET структурировал все ваши элементы. Ваша панель будет называться Что-то вроде App.frmPanelPicture или приложение.ctl00_mainContent_frmPanelPicture.

    С другой стороны, Ext.NET ребята проделали большую работу, предвидя, где вам понадобится маска. Вы можете сделать маску, которую вы хотите на большинстве directevents. Besure вы исчерпали эти собственные параметры, прежде чем создавать собственные сценарии.

    <ext:Panel ID="Panel1" runat="server" Height="300" Title="Title" IDMode="Static">
        <Buttons>
            <ext:Button ID="Button1" runat="server">
                <DirectEvents>
                    <Click OnEvent="Button1_Click">
                        <EventMask Msg="loading..." CustomTarget="#{Panel1}" Target="CustomTarget">
                        </EventMask>
                    </Click>
                </DirectEvents>
            </ext:Button>
        </Buttons>