Question

I have a UL list in a ASPX page:

<ul id="tabs">
 <li id="tab1"><a href="ztab1.htm">Tab 1</a></li>
 <li id="tab2"><a href="ztab2.htm">Tab 2</a></li>
 <li id="tab3"><a href="ztab3.htm">Tab 3</a></li>
 <li id="tab4"><a href="ztab4.htm">Tab 4</a></li>
 </ul> 

I would like to add list items dynamically from codebehind, including the href entry for each new list item.

How?

Answer 1

You need to mark your ul as a server side control, then treat the ‘new item’ as a HtmlGenericControl and insert it into the control collection:

<ul runat="server" id="tabs"> 

To add the item, create a new element and add it:

HtmlGenericControl li = new HtmlGenericControl("li");
tabs.Controls.Add(li);

HtmlGenericControl anchor = new HtmlGenericControl("a");
anchor.Attributes.Add("href", "page.htm");
anchor.InnerText = "TabX";

li.Controls.Add(anchor);