使用ajax选项卡容器时更新进度不起作用 [英] update progress not working when ajax tab container used

问题描述

大家好，

我有一个内容页面，里面有一个更新进度和一个更新面板
在该更新面板中，有一个ajax选项卡容器.

在ajax tabcontainers -tabpanel内部，还有另一个更新面板，其中我有一个fileupload控件，我需要在tab面板中使用update面板，因为我已经使用过fileupload控件，并且在上载按钮上执行了回发触发器. >
现在，在文件上传时，我需要一个进度条..

我已经尝试了很多方法，但是没有用.请建议，以下是我的代码.

Hi everyone,

I have one content page inside which there is an update progress and a update panel
inside that update panel there is a ajax tab container.

Inside ajax tabcontainers -tabpanel there is an another update panel in which i have one fileupload control , i need to use update panel inside tab panel as i have used fileupload control and i have done a post back trigger on upload button..

Now i need a progress bar while the file is uploaded..

I have tried many ways , but didn''t worked.. Please suggest ,below is my code .

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   <asp:UpdateProgress ID="upProgressSchoolInfo" runat ="server" AssociatedUpdatePanelID ="upSchoolInfo">
    <ProgressTemplate >
         <div id="overlay1"  style="position:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;left:0px;top:0px;">
            <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="upSchoolInfo" runat ="server">
    <ContentTemplate>
        <cc1:TabContainer ID="tcSchoolInfo" runat ="server">
            <cc1:TabPanel ID ="tpNewSchool" runat ="server" ScrollBars ="Auto" Font-Size="Small" Font-Names="Calibri">
                <HeaderTemplate >
                    <asp:Label ID ="lbNewSchool" runat ="server" Text="New School"></asp:Label>
                </HeaderTemplate>
                <ContentTemplate>
  <asp:UpdateProgress ID="UpdateProgress1" runat ="server" AssociatedUpdatePanelID ="upSchool">
                        <progresstemplate>
                             <div id="overlay" style="removed:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;removed0px;removed0px;">
                                <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
                            </div>
                        </progresstemplate>
                                          
                         <asp:UpdatePanel ID="upSchool" runat ="server">
                                        <contenttemplate>
<asp:fileupload id ="fpUpload" runat="server"/>
<asp:button id ="btnSubmit" runat="server" text="Submit"/>
</contenttemplate>
<triggers>
<asp:PostBackTrigger ControlID ="btnSubmit" /></triggers>

</asp:updatepanel>
</contenttemplate>
</cc1:tabpanel>
</cc1:tabcontainer>
</contenttemplate>
</asp:updatepanel>

现在如您所见，我在两个更新面板上都有一个进度条，但它们都不起作用.....

请帮忙...

问候，
Krunal

Now as you can see , i have a progress bar for both the update panel but none of them works.....

Please help...

Regards,
Krunal

推荐答案

您必须使用javaScript进行操作.
请检查我的答案如何在页面上方显示asp:UpdateProgress表单 [ ^ ]处理一种类似类型的问题.

对我有用...希望对您也有帮助.
谢谢...

You have to do it with javaScript.
Please check my answer how to show asp:UpdateProgress above the form[^] for one similar type of problem.

It works for me... Hope it helps u too.
Thanks...

这篇关于使用ajax选项卡容器时更新进度不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！