来自 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

我假设您从 database 中获取数据，位于 datatable 中。遍历表并创建 sublist 并附加到您想要的项目中。

您需要设置li 的ID，sublist 将出现在其中

<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);
}