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

ajax リクエストが完了した後、asp.net ajax の endRequest イベントをバインドして制御を取得できます。

<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 に答える