0

我正在使用 c# 处理 asp.net 和 ajax。我正在尝试创建一个新的用户注册，当用户单击提交按钮时，我正在弹出一个带有加载图像的更新面板。而且我需要同时将数据插入数据库。我使用以下代码，

 <asp:UpdatePanel ID="updatepanel1" runat="server">
        <ContentTemplate>   
         <asp:TextBox runat="server" ID="txtMI" Width="80px" Height="20px" CssClass="s1">                                       </asp:TextBox>
    <asp:TextBox runat="server" ID="txtMI" Width="80px" Height="20px" CssClass="s1"></asp:TextBox>
    <asp:TextBox runat="server" ID="txtMI" Width="80px" Height="20px" CssClass="s1"></asp:TextBox>
            <asp:Dropdownlist ID="drpCountries" runat="server" Font-Bold="True" ForeColor="#FF3300"></asp:Dropdownlist>
            <br />
            <asp:Button ID="btnLoad" runat="server" onclick="btnLoad_Click" Text="submit" />
            </ContentTemplate>
            </asp:UpdatePanel>
 <asp:UpdateProgress id="updateProgress" runat="server">
     <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
                    <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/avatarloading.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:25%;left:35%;" /><center><span style="color:White;font-weight:bolder;font-size:x-large;"><b>Loading...</b></span></center>
            </div>
     </ProgressTemplate>

</asp:UpdateProgress>

在我的文件后面的代码中，

protected void btnLoad_Click(object sender,EventArgs e)
{
//INsert the records into database
}

起初，当用户单击提交时，我能够弹出加载面板并加载 gif 图像。成功插入后，我需要在加载面板上显示一些信息，例如注册成功代替图像。请指导我。

4

2 回答 2

1

您可以绑定 asp.net ajax 的 endRequest 事件以在 ajax 请求完成后获得控制权。

<script language="javascript" type="text/javascript">

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(endRequest);

    function endRequest(sender, args) {
        alert("After ajax request");
    }  
</script>
于 2012-06-29T19:57:42.117 回答
0

我将创建一个与 UpdateProgress 标记（css 类）相同的面板，其中包含一个标签。并且在成功操作时设置标签文本并将面板 Visible 属性切换为 true。

于 2012-06-29T20:15:43.337 回答