html - コード ビハインドからネストされた ul リストを追加する

Question

そこの。ツリーで整理したデータベースを使用して、背後のコードから入力している Web ページに ul があります。データベースから値を取得して完全にリストすることはできますが、子ノードは各親の下の内部リストに表示したいと考えています。これが私の現在の背後にあるコードです

    protected void createMenu(TreeView navTree) {

        foreach(TreeNode node in navTree.Nodes){

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

        HtmlGenericControl anchor = new HtmlGenericControl("a");
        anchor.Attributes.Add("href", "");
        anchor.Attributes.Add("class", "toggle");
        anchor.Attributes.Add("onClick", "navButton");
        anchor.InnerText = node.Text;

        li.Controls.Add(anchor);


        foreach (TreeNode childNode in node.ChildNodes) {

            HtmlGenericControl child_li = new HtmlGenericControl("li");
            navMenu.Controls.Add(child_li);

            HtmlGenericControl childAnchor = new HtmlGenericControl("a");
            childAnchor.Attributes.Add("href", "");
            childAnchor.Attributes.Add("onClick", "childButton");
            childAnchor.InnerText = childNode.Text;

            child_li.Controls.Add(childAnchor);
        }

        }

    }

そして、これが私が再作成しようとしているhtmlです:

<div id="sidebar">
<nav>
  <h2>Sites</h2>
  <ul>
    <li class="toggle"><a href="#">Akron</a></li>
    <li class="toggle"><a href="#">Monterey</a></li>
    <li class="toggle is-open"><a href="#">Sacramento</a>
      <ul class="subnav">
        <li><a class="active" href="#"><span class="quantity">5</span> George</a></li>
        <li><a href="#"><span class="quantity">7</span> John</a></li>
        <li><a href="#"><span class="quantity">18</span> Bob</a></li>
      </ul>
    </li>
    <li class="toggle"><a href="#">Stanislaus</a></li>
  </ul>
</nav>