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

Question

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' is undefined

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

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

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

Answer 1

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

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

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

Answer 2

Вы пытаетесь найти элемент, называемый 'frmPanelPicture. Если вы не используете IDMode = Статическую панель, элемент не будет добавлен в DOM как «frmPanelPicture», это будет App.frmPanelPicture.

В хром нажмите F12 и перейдите к консоли, введите «Приложение». и проверьте, как Ext.NET структурировал все ваши элементы. Ваша панель будет называться как App.frmPanelPicture или App.ctl00_mainContent_frmPanelPicture.

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

<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>