Asp.net 数据库中的 HTML 导航栏项

Question

我正在编辑一个顶部有Navbar的HTML模板。 我可以将navbar项编辑为数据库中的项目，但我无法更改导航栏菜单中的Number of Items，因为该编码是用 HTML 硬编码的。 我想在数据库中创建Categories并在导航栏中显示这些。 这些类别并不具体。HTML 中导航栏项的编码是

<li class="active"><a href="index.html">Home</a></li>
                                    <li>
                                            <a href="#">Sliders</a>
                                            <ul>
                                                    <li><a href="basic-slider.html">Basic Slider</a></li>
                                                    <li><a href="index.html">Right Info Slider</a></li>
                                                    <li><a href="nivo-slider.html">Nivo Slider</a></li>
                                                    <li><a href="accordion-slider.html">Accordion Slider</a></li>
                                                    <li><a href="thumb-slider.html">Thumbnail Slider</a></li>
                                            </ul>
                                    </li>

这些

是列表中的 5 个项目，这些项目在 HTML 中硬编码。 当我为此目的使用数据库时，我需要的是我希望此导航栏中的所有数据库项目，无论 5,6 还是其他。请建议我该怎么做

Answer 1

我假设您从datatable中的database获取数据。循环遍历表并创建sublist并追加到所需的项目中。

您需要设置显示sublist的li的 id

<li id="liDynamic" runat="server">

以及在此li中添加子列表的代码

HtmlGenericControl ul = new HtmlGenericControl("ul");
liDynamic.Controls.Add(ul);
foreach (DataRow dr in dt.Rows)
{
  HtmlGenericControl li = new HtmlGenericControl("li");
  HtmlGenericControl anchor = new HtmlGenericControl("a");
  anchor.Attributes.Add("href", "page.htm");
  anchor.InnerText = dr["id"].ToString();
  li.Controls.Add(anchor);
  ul.Controls.Add(li);
}