Question

我有一个页面，当用户点击发送电子邮件按钮时我需要锁定屏幕，但一切都在发生，除了我无法看到我的锁定屏幕页面。我已经为此目的使用了更新进度..我在这里发布部分代码 .aspx部分

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server">
    <ContentTemplate>
        <div style="float: right;">
            <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send "
                Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />                          
            <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up"
                Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
    <table>
        <td style="width: auto; vertical-align: top;">
            <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel">
                <ProgressTemplate>
                    <div id="blur" style="width: 100%; background-color: black; moz-opacity: 0.5; khtml-opacity: .5;
                        opacity: .5; filter: alpha(opacity=50); z-index: 120; height: 100%; position: absolute;
                        top: 0; left: 0;">
                        <div id="progress" style="z-index: 200; background-color: White; position: absolute; top: 0pt;
                            left: 0pt; border: solid 1px black; padding: 5px 5px 5px 5px; text-align: center;">
                            <b>Mail in progress.Please Wait...</b>
                            <br />
                        </div>
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>
        </td>
    </table>

.cs part

protected void btnSendResume_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(2000);

}

我在这里没有提到的其余部分......任何帮助

Answer 1

您的HTML表格格式不正确。您没有<tr>元素，但真正的问题可能在于您的样式属性，请参阅下面的更新代码。

您可以找到一个很好的例子来说明如何完成您在此处尝试的操作：http://blogs.visoftinc.com/2008/03/13/Modal-UpdateProgress-for-UpdatePanel-Revisited/

尝试将代码调整为以下内容：

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server">
    <ContentTemplate>
        <div style="float: right;">
            <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send "
                Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />                          
            <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up"
                Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel">
    <ProgressTemplate>
        <div id="blur" style="position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:black; filter:alpha(opacity=50); opacity:0.5; z-index:1000;" />
        <div id="progress" style="position:fixed; top:30%; left:43%; width:14%; z-index:1001; background-color:white; border:solid 1px black; padding:5px; text-align:center;">
            <b>Mail in progress.Please Wait...</b>
            <br />
            <br />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

在我的电子邮件发送页面asp.net上锁定屏幕

1 个答案: