单击按钮后,updatepanel进度加载程序图像不会消失。 [英] updatepanel progress loader image is not disappeared after button click.

查看:74
本文介绍了单击按钮后,updatepanel进度加载程序图像不会消失。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述





我在C#中有一个asp.net网站。



页面我正在使用带有更新面板进度的更新面板。



在updatePanelProgress中我添加了一个加载器图像,在按钮单击后该按钮没有隐藏updatepanel。(下载pdf报告)



Hi,

I have an asp.net website in C#.

Where in some pages i'm using update panel with update panel progress.

In the updatePanelProgress i have add a loader image which is not getting hide after the button click and this button in the updatepanel.(to download pdf report)

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <table>
                    <tr>
                        <td class="DateFromTXT_PJ vmiddle hcenter" style="width: auto; padding: 0 8px; line-height: 20px;">
                            Select
                        </td>
                        <td class="vmiddle" style="width: auto; padding: 0 8px; line-height: 20px;">
                            <asp:DropDownList ID="ddldept" CssClass="selectbox_department" runat="server">
                            </asp:DropDownList>
                        </td>
                        <td class="DateFromTXT_PJ vmiddle hcenter" style="width: auto; padding: 0 8px; line-height: 20px;">
                            From
                        </td>
                        <td class="vmiddle" style="width: auto; padding: 0 8px; line-height: 20px;">
                            <asp:TextBox ID="txtDatefrom" CssClass="txtbox_namenormal" runat="server" Width="68px"></asp:TextBox>
                            <ajaxToolkit:CalendarExtender ID="calendarButtonExtender" CssClass="cal_Theme1"  runat="server"
                                TargetControlID="txtDatefrom" PopupButtonID="txtDatefrom" />
                        </td>
                        <td class="DateFromTXT_PJ vmiddle hcenter" style="width: auto; padding: 0 8px; line-height: 20px;">
                            To
                        </td>
                        <td class="vmiddle" style="width: auto; padding: 0 8px; line-height: 20px;">
                            <asp:TextBox ID="txtDateto" CssClass="txtbox_namenormal" runat="server" Width="68px"></asp:TextBox>
                            <ajaxToolkit:CalendarExtender ID="CalendarExtender1" CssClass="cal_Theme1"  runat="server"
                                TargetControlID="txtDateto" PopupButtonID="txtDateto" />
                        </td>
                        <td>
                            <asp:RadioButtonList ID="rbnEq" runat="server" RepeatColumns="2">
                                <asp:ListItem Selected="True" Text="Without Equipment" Value="0"></asp:ListItem>
                                <asp:ListItem Text="With Equipment" Value="1"></asp:ListItem>
                            </asp:RadioButtonList>
                        </td>
                        <td>
                            <asp:Button ID="btnSearch" runat="server" CssClass="WhiteBlackBtn" Text="Generate"
                                OnClick="btnSearch_Click" />  
                            <asp:Button ID="btnPDF" runat="server" CssClass="WhiteBlackBtn" Text="Download PDF"
                                Width="140px" OnClick="btnPDF_Click" />  
                            <input type="button" /> 
                            <%--<input type="button" id="btnExport" value="Export Table data into Excel" />--%>
                        </td>
                    </tr>
                </table>
                <br />
                <asp:Panel ID="PanelSearch" runat="server" Visible="false">
                    <table class="addgrid">
                        <tr>
                            <td>
                                Search
                            </td>
                            <td>
                                <asp:TextBox ID="txtsearch" runat="server" CssClass="txtbox_namenormal"></asp:TextBox> 
                                 
                                <asp:Button ID="btnget" runat="server" Text="Search" CssClass="rowbtn" OnClick="btnget_Click" />
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
                <br />
                <div id="MyData">
                    <asp:Repeater ID="Repeater2" runat="server">
                        <HeaderTemplate>
                            <table id="DetailedTable" class="addgrid" width="100%">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr style="background-image: removed('images/Background.png'); height: 30px; color: Black;
                                vertical-align: middle;">
                                <td>
                                    <asp:Label ID="lblDept" runat="server" Font-Bold="true" Text='<%# Eval("Department_Name") %>'></asp:Label>
                                    <asp:Label ID="lbldeptid" runat="server" Text='<%# Eval("DepartmentID") %>' Visible="false"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Repeater ID="Repeater1" runat="server">
                                        <HeaderTemplate>
                                            <table class="addgrid" width="100%">
                                                <thead>
                                                    <tr style="background-image: removed('images/Background.png'); height: 30px; color: Black;
                                                        vertical-align: middle;">
                                                        <th style="width: 60px;" class="vmiddle hcenter">
                                                            Ticket
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            DRSS
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Rig
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Well
                                                        </th>
                                                        <th style="width: 110px;" class="vmiddle hcenter">
                                                            Job Type
                                                        </th>
                                                        <th>
                                                            Equipments
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Mobilization Date
                                                        </th>
                                                        <th style="width: 50px;" class="vmiddle hcenter">
                                                            From Date
                                                        </th>
                                                        <th style="width: 60px;" class="vmiddle hcenter">
                                                            To Date
                                                        </th>
                                                        <th style="width: 50px;" class="vmiddle hcenter">
                                                            Job Est.Cost
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td class="vmiddle">
                                                    
                                                        <%# Eval("Tickte")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("drss")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("rig")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("well")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("jobtype")%>
                                                </td>
                                                <td>
                                                    <%# Eval("Equipments") %>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("Mobilization_Date")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("fromdate")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("todate")%>
                                                </td>
                                                <td align="right" class="vmiddle" style="text-align: right;">
                                                    <asp:Label ID="lbljobcost" runat="server" Text='<%# Eval("JobCost")%>'></asp:Label>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            <tr>
                                                <td colspan="8">
                                                </td>
                                                <td>
                                                    <center>
                                                        Total 
                                                    </center>
                                                </td>
                                                <td align="right" class="vmiddle" style="text-align: right;">
                                                    
                                                        <asp:Label ID="lbltotal" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            </tbody> </table>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Repeater ID="Repeater3" runat="server">
                                        <HeaderTemplate>
                                            <table class="addgrid" width="100%">
                                                <thead>
                                                    <tr style="background-image: removed('images/Background.png'); height: 30px; color: Black;
                                                        vertical-align: middle;">
                                                        <th style="width: 60px;" class="vmiddle hcenter">
                                                            Ticket
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            DRSS
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Rig
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Well
                                                        </th>
                                                        <th style="width: 110px;" class="vmiddle hcenter">
                                                            Job Type
                                                        </th>
                                                        <th style="width: 70px;" class="vmiddle hcenter">
                                                            Mobilization Date
                                                        </th>
                                                        <th style="width: 50px;" class="vmiddle hcenter">
                                                            From Date
                                                        </th>
                                                        <th style="width: 60px;" class="vmiddle hcenter">
                                                            To Date
                                                        </th>
                                                        <th style="width: 50px;" class="vmiddle hcenter">
                                                            Job Est.Cost
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td class="vmiddle">
                                                    
                                                        <%# Eval("Tickte")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("drss")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("rig")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("well")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("jobtype")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("Mobilization_Date")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("fromdate")%>
                                                </td>
                                                <td class="vmiddle">
                                                    <%# Eval("todate")%>
                                                </td>
                                                <td align="right" class="vmiddle" style="text-align: right;">
                                                    <asp:Label ID="lbljobcost" runat="server" Text='<%# Eval("JobCost")%>'></asp:Label>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                        <FooterTemplate>
                                            <tr>
                                                <td colspan="7">
                                                </td>
                                                <td>
                                                    <center>
                                                        Total 
                                                    </center>
                                                </td>
                                                <td align="right" class="vmiddle" style="text-align: right;">
                                                    
                                                        <asp:Label ID="lbltotal" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            </tbody> </table>
                                        </FooterTemplate>
                                    </asp:Repeater>
                                </td>
                            </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            <tr>
                                <td>
                                    <table width="100%">
                                        <tr>
                                            <td style="width: 80%">
                                            </td>
                                            <td>
                                                Grand Total: 
                                                <asp:Label Font-Bold="true" ID="lblgrandtotal" runat="server"></asp:Label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>
                    <div  runat="server" id="mySpace"></div>
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </div>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSearch" />
                <asp:AsyncPostBackTrigger ControlID="btnget" />
                <asp:AsyncPostBackTrigger ControlID="btnPDF" />
            </Triggers>
        </asp:UpdatePanel>
        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DynamicLayout="false">
            <ProgressTemplate>
                <div id="dvProgress"  runat="server" style="position: absolute; top: 150px; left: 700px;
                    text-align: center;">
                    <asp:Image ID="Image2" runat="server" Height="46px" Width="47px" ImageUrl="~/images/ajax-loader.gif" />
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>





任何人都可以帮帮我,下载后如何隐藏加载器图片pdf。





谢谢



can any one please help me, how can i hide the loader image after downloading the pdf.


thanks

推荐答案

我看不到你的updatePanelProgress在这里,但如果你在那里添加一个元素,你可以轻松地将它隐藏在该按钮点击事件上。
I can't see your updatePanelProgress in here, but if you are adding an element there you can hide it on that button clicked event easily.


这篇关于单击按钮后,updatepanel进度加载程序图像不会消失。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆