hi, experts, there are 2 update panel on my page. update mode of both of them = always
in each update panel, there is a repeater. the data source of them is dictionary. they have different data sources
on each row in both repeater, there is button to delete the item (the row includes the button)
you can see there is a file upload control and button.
user selects a file and then click the button to upload and then a new item is added to the bottom repeater.
the problem I hit is: when user clicks a button on upper repeater to delete a row on upper repeater. after the post back of this action, the layout of the bottom update panel changed incorrectly. the bottom repeater rows appears above the header row of the repeater duplicately.
What is the problem. how to solve?
<form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:Panel ID="Panel1" runat="server"><table><tr><td><asp:UpdatePanel ID="UpdatePanel1" runat="server"><asp:Repeater ID="Repeater1" runat="server"></asp:Repeater></asp:UpdatePanel></td></tr></table></asp:Panel><asp:Panel ID="Panel2" runat="server"><table><tr><td><asp:FileUpload ID="FileUpload1" runat="server" /><asp:Button ID="Button1" runat="server" Text="Button" /></td></tr><tr><td><asp:UpdatePanel ID="UpdatePanel2" runat="server"><asp:Repeater ID="Repeater2" runat="server"></asp:Repeater></asp:UpdatePanel></td></tr></table></asp:Panel></form>