Question

我一直在研究一个项目，但我遇到了一个问题，因为我必须使用进度条，同时在表格中插入数据需要一点时间..但我的代码不能正常工作..请查看代码为如下所示

   <asp:ScriptManager ID="ScriptManager1" runat="server">
   </asp:ScriptManager>
   <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <Triggers> 
    <asp:AsyncPostBackTrigger ControlID="btnsubmit" EventName="Click"/>
   </Triggers>
    <ContentTemplate>
   <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
   <asp:Button ID="btnsubmit" runat="server" Text="Button" 
     OnClick="btnsubmit_Click" />
   </ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress1" 
   AssociatedUpdatePanelID="UpdatePanel1" runat="server">
  <ProgressTemplate> 
  <img src="animated.gif" alt=""/> </ProgressTemplate> 
  </asp:UpdateProgress>

我使用了java脚本代码

  <script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_initializeRequest(InitializeRequest);
    prm.add_endRequest(EndRequest);
    var postBackElement;
    function InitializeRequest(sender, args) {
        if (prm.get_isInAsyncPostBack())
            args.set_cancel(true);
        postBackElement = args.get_postBackElement();

        if (postBackElement.id == 'btnsubmit')
            $get('UpdateProgress1').style.display = 'block';
    }
    function EndRequest(sender, args) {
        if (postBackElement.id == 'btnsubmit')
            $get('UpdateProgress1').style.display = 'none';
    }
</script>

请为我提供一个解决方案，我真的很感谢你...

ajax更新进度条控件不起作用

0 个答案: