如何使用JavaScript函数在窗口/面板控件中设置Ext.net加载掩码？

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'未定义

但是，如果我使用以下代码段：

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 = Static，否则您的面板不会将元素作为“ frmPanelPicture”添加到DOM，而是App.frmPanelPicture。

在Chrome浏览器中，按F12键并转到控制台，键入“ App”。 并查看Ext.NET如何构造您的所有元素。 您的面板将被命名为App.frmPanelPicture或App.ctl00_mainContent_frmPanelPicture。

另一方面，Ext.NET的人员在预测您将需要遮罩的位置方面做得很好。 您可以在大多数直接事件中制作所需的蒙版。 在编写自己的脚本之前，请确保您已经用尽了这些本机选项。

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