Set ID of Items In a Repeater

In my aspx, I have a repeater which contains three textboxes:

<asp:Repeater ID="myRepeater" runat="server">
    <ItemTemplate>
        <asp:TextBox ID="myTextBox" runat="server"
    <ItemTemplate/>
</asp:Repeater>

In my codebehind, I have my repeater databound to an array int data = new int[3];

So my page displays three textboxes, each with the ID of myTextBox three times. Is there a way to set those IDs to be:

• MyTextBox1
• MyTextBox2
• MyTextBox3

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

So my page displays three textboxes, each with the ID of myTextBox three times.

Are you sure about that? It sounds like you are talking about the rendered output. View the source and you will find:

<input name="myRepeater$ctl00$myTextBox" type="text" id="myRepeater_myTextBox_0" />
<input name="myRepeater$ctl01$myTextBox" type="text" id="myRepeater_myTextBox_1" />
<input name="myRepeater$ctl02$myTextBox" type="text" id="myRepeater_myTextBox_2" />

From the code behind, you can access this generated id via the ClientID property. You can also access individual controls by searching through your repeater’s Items property:

TextBox textBox2 = myRepeater.Items[1].FindControl("myTextBox");

Edit: You can explicitly set the ClientID for a control. You have to set its ClientIDMode to Static and change the ID when it is databound:

protected void Page_Load(object sender, EventArgs e)
{
    myRepeater.ItemDataBound += new RepeaterItemEventHandler(myRepeater_ItemDataBound);
    myRepeater.DataSource = new int[3];
    myRepeater.DataBind();
}

void myRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    var textbox = e.Item.FindControl("myTextBox");
    textbox.ClientIDMode = ClientIDMode.Static;
    textbox.ID = "myTextBox" + (e.Item.ItemIndex + 1);
}

Gives this HTML:

<input name="myRepeater$ctl01$myTextBox1" type="text" id="myTextBox1" />
<input name="myRepeater$ctl02$myTextBox2" type="text" id="myTextBox2" />
<input name="myRepeater$ctl02$myTextBox3" type="text" id="myTextBox3" />

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0