Question

Given:

<div class="subMenu">
    <a href="products.aspx" class="subLink">Products</a> <a href="productCats.aspx" class="subLink">Categories</a> <a href="example.aspx" class="subLink">Another</a> 
</div>

In my code behind, how would I programatically change the list of links in that div?

In my code behind I would have something along the lines of:

if(menuID == 0) {
  // Display some links here
}else if(menuID == 1) {
  // Display some links here
}else if(menuID == 2) {
  // Display some links here
}

Sorry for the simplicity, just trying to learn.

Answer 1

I think you should use Panel control and add Hyperlinks inside.

ASPX page:

<asp:Panel ID="TestPanel" CssClass="Submenu" runat="server">
</asp:Panel>

code behind:

switch (menuId)
    {
        case 0: 
            TestPanel.Controls.Add(new HyperLink { Text = "Test", NavigateUrl = "testUrl", CssClass="Sublink" });
            TestPanel.Controls.Add(new HyperLink { Text = "Test2", NavigateUrl = "testUrl2", CssClass = "Sublink" });
            break;
        case 1:
            TestPanel.Controls.Add(new HyperLink { Text = "xxx", NavigateUrl = "xxx", CssClass="Sublink" });
            TestPanel.Controls.Add(new HyperLink { Text = "xxx", NavigateUrl = "xxx", CssClass = "Sublink" });
            break;
        case 2:
            TestPanel.Controls.Add(new HyperLink { Text = "xxx", NavigateUrl = "xxx", CssClass = "Sublink" });
            TestPanel.Controls.Add(new HyperLink { Text = "xxx", NavigateUrl = "xxx", CssClass = "Sublink" });
            break;
        default:
            break;
    }