PRB: Event Association Is Lost If ASP.NET Button Control Is Inside ItemTemplate

Steps to Reproduce the Behavior

1. Add a Web Form named ControlEventTest.aspx to your project as follows:
   1. In Solution Explorer, right-click the project node, point to Add, and then click Add Web Form.
   2. In the Name box, type ControlEventTest.aspx, and then click Open.
2. With the page open in Design View in the editor, drag a Repeater control from the Web Forms toolbox onto the page.
3. In the Properties window, set the ID property to MyRepeater.
4. Add an ASP.NET Button server control to the ItemTemplate property of the Repeater control. The resulting code appears similar to the following code in HTML view in the editor:

   <asp:repeater id="MyRepeater" runat="server">
      <ItemTemplate>
         <asp:Button id="Button1" runat="server" OnClick="MyRepeaterButton_Click" Text="<%# Container.DataItem %>"/>
      </ItemTemplate>
   </asp:repeater>
   					

5. Right-click the page, and then click View Code. This opens the code-behind class file in the editor.
6. Add the following code to the Page_Load event handler:

   private void Page_Load(object sender, System.EventArgs e)
   {
   //	if (!IsPostBack)
   //	{
   		ArrayList arr = new ArrayList();
   		arr.Add("Hello");
   		MyRepeater.DataSource = arr;
   		DataBind();
   //	}
   
   }
   						

   NOTE: To resolve this problem, uncomment the if statement in the Page_Load event handler.
7. Add the following code to the code-behind class file to add the MyRepeaterButton_Click event for the button in the ItemTemplate of the Repeater control:

   protected void MyRepeaterButton_Click(object sender, EventArgs e)
   {	
   	((Button)sender).Text = "Clicked it";
   }
   					

8. On the File menu, click Save All to save the Web Form and other files that are associated with the project.
9. On the Build menu in the Visual Studio .NET integrated development environment (IDE), click Build Solution.
10. Right-click the Web Form page, and then click View in Browser. Notice that the button contains the text "Hello."
11. Click the button. Notice that the text does not change as expected. According to the MyRepeater_Click event handler, the text of the button should change to "Clicked it" after you click the button.

Back to the top