asp.net - 如何为中继器中的中继器生成 css 菜单列表，该中继器受数据库限制？

Question

我希望我的菜单列表是这样的

更美丽

目前我已经像这样编码将我的转发器绑定到数据库并从中获取菜单

<div id="main" class="shell">
        <!-- Sidebar -->
        <div id="sidebar">
            <ul class="categories" id="categoryheader">
                <li id="categoryItem">
                    <h4>Categories</h4>
                    <ul class="categories" id="categorylist">
            <asp:Repeater ID="repCategories" runat="server" OnItemDataBound="ItemBound">
                <HeaderTemplate>
                    <ul>
                </HeaderTemplate>
                <ItemTemplate>
                    <li>
                        <asp:HyperLink ID="hyperCategories" runat="server"><%#Eval("CategoryName")%></asp:HyperLink>
                                <ul class="subcategories" id="subcategorylist">
                                    <asp:Repeater ID="repsubcategory" runat="server">
                                        <HeaderTemplate>
                                            <ul>
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <li>
                                                <asp:HyperLink ID="hyperSubCategories" runat="server"><%#Eval("SubCategoryName")%></asp:HyperLink>                                       
                                            </li>
                                        </ItemTemplate>
                                        <FooterTemplate></ul></FooterTemplate>
                                    </asp:Repeater>
                                </ul>
                            </li>
                </ItemTemplate>
                <FooterTemplate></ul></FooterTemplate>
            </asp:Repeater>
        </ul>
                </li>


                <li>
                    <h4>Company</h4>
                    <ul>
                        <asp:Repeater ID="repCompany" runat="server">
                            <HeaderTemplate><ul></HeaderTemplate>
                            <ItemTemplate>
                                <li>
                                <asp:HyperLink ID="hyperCompany" runat="server"><%#Eval("CompanyName")%></asp:HyperLink>
                                </li>
                            </ItemTemplate>
                            <FooterTemplate></ul></FooterTemplate>
                        </asp:Repeater>
                    </ul>
                </li>
            </ul>
        </div>

我在转发器中使用了转发器。并将向其添加一个子类别中继器。请帮我解决这个问题请