updateprogress is showing in all rows in repeater at a time

Question

User-1399352090 posted

Hi,

I have nested repeater.

inside nested repeater i have added update panel and dropdownlist with AsyncPostBackTrigger.

and also i  have added updateprogress panel. but if change selected index of dropdown the updateprogress showing in all rows at a time.

here is my code:

ASPX:

<asp:Repeater ID="rptUser" runat="server">
                          <ItemTemplate>
<table>
<asp:Repeater ID="rptAddress" runat="server">
                          <ItemTemplate>
						  <tr>
						  <td>
						  <!--User image-->
						  <img src="/images/profile.jpg" height="200px" alt="icon"/>
						  </td>
						  <td>
						  <!-- User Address List-->
						    <asp:UpdatePanel ID="updProductAddressList" UpdateMode="Conditional" runat="server">
                        <ContentTemplate>
 <asp:DropDownList ID="ddlAddress" OnSelectedIndexChanged="ddlAddress_SelectedIndexChanged" AutoPostBack="true"  runat="server">
<asp:ListItem Value="1" Text="address one"></asp:ListItem>
<asp:ListItem Value="2" Text="address two"></asp:ListItem>
<asp:ListItem Value="3" Text="address there"></asp:ListItem>
                                </asp:DropDownList>
								<!--Show address details based on dropdown selection-->
								 //address details//
								<!--end address details-->
								 <asp:UpdateProgress ID="updateProgress"  runat="server">
                                    <ProgressTemplate>
                                        <div style="text-align: center;">
                                            <img src="/images/loading-animation.gif" alt="loading.." />
                                        </div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
								
								</ContentTemplate>
								<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlAddress" EventName="SelectedIndexChanged" />
</Triggers>
								  </asp:UpdatePanel>
						</td>
						</tr>

</ItemTemplate>
</asp:Repeater>
</table>
</ItemTemplate>
</asp:Repeater>

if i use AssociatedUpdatePanelID="updProductAddressList" ClientIDMode="AutoID"

then updateprogress not showing. if i remove AssociatedUpdatePanelID then is showing in all rows

Please help me.

appreciate for quick response

Answer 1

User61956409 posted

Hi Yasin,

Firstly, I try to create a sample to meet your requirement, to display progress for each repeater item, but I have not succeeded. Besaids, I searched for similar issue, it seems that no one has achieved such requirement.

• http://forums.asp.net/t/1922347.aspx
• http://stackoverflow.com/questions/17653391/updateprogress-and-updatepanel-inside-gridview-row

Secondly, you could try to display one progress status and block repeater, in this way, user will be able to edit only one repeater item at a time.

• http://www.aspsnippets.com/Articles/Use-ASPNet-AJAX-UpdateProgress-to-lock-disable-controls-with-Modal-Background.aspx

Best Regards,

Fei Han