[英]Two nested update panels on same aspx page
我在apsx页面上有两个嵌套的UpdatePanel控件。 外部的是整个页面,并显示“ Loading Page ...” img,而内部的目的是在下拉列表selectedIndexChanged上加载网格。
我同时收到两个名称不同的错误:JavaScript运行时错误:Sys.InvalidOperationException:无法将具有相同ID'cphMainContent_Updprog3'的两个组件添加到应用程序中。
请指导。 这是代码结构:
<asp:content id="HeaderContent" runat="server" contentplaceholderid="head">
<script language="javascript" type="text/javascript">
function showProgress() {
var updateProgress = $get("<%=Updprog3.ClientID %>");
updateProgress.style.display = "block";
}
</script>
</asp:content>
<asp:content id="BodyContent" runat="server" contentplaceholderid="cphMainContent">
<div style="padding-left:36px; padding-top:10px;">
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<table align="left">
<tr>
<td style="border: none; width:120px">
Call Category Group:
</td>
<td>
<asp:DropDownList ID="ddlGroup" runat="server"
onChange="javascript:showProgress()"
OnSelectedIndexChanged="ddlGroup_SelectedIndexChanged" Width="400px">
<asp:ListItem Value="-1">--- Select Group ---</asp:ListItem>
<asp:ListItem Value="Group 1"> Group 1</asp:ListItem>
<asp:ListItem Value="Group 2">Group 2</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<!--2nd update panel-->
<asp:UpdatePanel ID="UpdPnl" runat="server" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlCallCategoryGroup" EventName="SelectedIndexChanged"/>
</Triggers>
<ContentTemplate>
<asp:GridView ID="gridView1" runat="server">
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Panel runat="server" ID="pnlgvSecondLevelLoading" CssClass="modalwindow">
<asp:UpdateProgress ID="Updprog3" runat="server" AssociatedUpdatePanelID="UpdPnl">
<ProgressTemplate>
<table>
<tr>
<td align="right" width="35%">
<asp:Image ID="imgSubCallCategory_Wait3" runat="server" ImageUrl="ProjectImages/Wait_Small.gif" />
</td>
<td width="2%">
</td>
<td align="center" width="73%">
Loading data . . .
</td>
</tr>
</table>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
<asp:Panel runat="server" ID="pnlLoading" CssClass="modalwindow">
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="container2">
<div class="content">
<br />
<table>
<tr>
<td align="right" width="35%">
<asp:Image ID="imgSubCallCategory_Wait2" runat="server" ImageUrl="ProjectImages/30-1.gif" />
</td>
<td width="2%">
</td>
<td align="center" width="73%">
Loading Page . . .
</td>
</tr>
</table>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</asp:content>
<asp:ScriptManager ID="WebApp" runat="server" AsyncPostBackTimeout="36000" ScriptMode="Release"></asp:ScriptManager>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.