Используйте существующий HTML CSS для создания меню в ASP.NET
В настоящее время мое приложение работает с помощью **ASP.net веб-формы** и **Телерик**. Сейчас я работаю в приборной панели управления. Внутри приборной панели есть левое боковое меню, которое можно развернуть или свернуть.Позвольте мне показать вам его код,
<div id="main-menu" class="main-menu collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Dashboard </a>
</li>
<h3 class="menu-title">UI elements</h3>
<!-- /.menu-title -->
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Components
</a>
<ul class="sub-menu children dropdown-menu">
<li>
<a href="ui-buttons.html">Buttons</a>
</li>
<li>
<a href="ui-badges.html">Badges</a>
</li>
<li>
<a href="ui-tabs.html">Tabs</a>
</li>
<li>
<a href="ui-social-buttons.html">Social Buttons</a>
</li>
<li>
<a href="ui-cards.html">Cards</a>
</li>
<li>
<a href="ui-alerts.html">Alerts</a>
</li>
<li>
<a href="ui-progressbar.html">Progress Bars</a>
</li>
<li>
<a href="ui-modals.html">Modals</a>
</li>
<li><a href="ui-switches.html">Switches</a></li>
<li><a href="ui-grids.html">Grids</a></li>
<li>
<a href="ui-typgraphy.html">Typography</a>
</li>
</ul>
</li>
<li class="menu-item-has-children active dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tables
</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="tables-basic.html">Basic Table</a></li>
<li><a href="tables-data.html">Data Table</a></li>
</ul>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Forms
</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="forms-basic.html">Basic Form</a></li>
<li><a href="forms-advanced.html">Advanced Form</a></li>
</ul>
</li>
<h3 class="menu-title">Icons</h3>
<!-- /.menu-title -->
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Icons</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="font-fontawesome.html">Font Awesome</a></li>
<li><a href="font-themify.html">Themefy Icons</a></li>
</ul>
</li>
<li>
<a href="widgets.html">Widgets </a>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Charts</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="charts-chartjs.html">Chart JS</a></li>
<li><a href="charts-flot.html">Flot Chart</a></li>
<li><a href="charts-peity.html">Peity Chart</a></li>
</ul>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Maps</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="maps-gmap.html">Google Maps</a></li>
<li><a href="maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<h3 class="menu-title">Extras</h3>
<!-- /.menu-title -->
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="page-login.html">Login</a></li>
<li><a href="page-register.html">Register</a></li>
<li><a href="pages-forget.html">Forget Pass</a></li>
</ul>
</li>
</ul>
<%--<telerik:RadPanelBar ID="rpb_menu" runat="server" DataValueField="view_index" DataTextField="description" ExpandMode="MultipleExpandedItems" DataFieldID="activity_id"
DataFieldParentID="parent_id" AllowCollapseAllItems="false" Height="100%" Width="100%" EnableEmbeddedSkins="true" Skin="Glow" BorderStyle="None" BackColor="#272C33" OnItemDataBound="rpb_menu_ItemDataBound">
</telerik:RadPanelBar>--%>
</div>
Так что как вы могли видеть есть некоторые жестко закодированные
<ul>и
<li>s там, и мне нужно заменить его содержимое, и это содержимое будет заполнено из базы данных.
<table class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th title="Field #1">activity_id</th>
<th title="Field #2">parent_id</th>
<th title="Field #3">description</th>
</tr>
</thead>
<tbody>
<tr>
<td>29</td>
<td>34</td>
<td>Topic Management</td>
</tr>
<tr>
<td>30</td>
<td>34</td>
<td>Subject Management</td>
</tr>
<tr>
<td>31</td>
<td>34</td>
<td>Syllabus Management</td>
</tr>
<tr>
<td>34</td>
<td>NULL</td>
<td>LMS</td>
</tr>
<tr>
<td>35</td>
<td>34</td>
<td>Question Management</td>
</tr>
<tr>
<td>36</td>
<td>34</td>
<td>Online Test Management</td>
</tr>
<tr>
<td>37</td>
<td>34</td>
<td>Give Online Test</td>
</tr>
</tbody>
</table>
Пожалуйста, запустите сниппет для просмотра контента, который будет показан вместо жестко закодированного контента, как показано ниже,
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">LMS(From database)</a>
<ul class="sub-menu children dropdown-menu">
<li><a href="ui-buttons.html">Topic Management (from database)</a></li>
<li><a href="ui-badges.html">Subject Management(From database)</a></li>
</ul>
</li>
а вот и мое требование.
а. я хочу использовать выходящий html в качестве шаблона, и жестко закодированный контент, который находится внутри этого шаблона, будет заменен из базы данных.Я хочу знать, есть ли подходящий контроль, который выполнит мое требование?
Если нет, то могу ли я получить то же самое с помощью цикла?(Если ничего не подходит, то это единственный вариант)
Что я уже пробовал:
Мне нужно знать любой подходящий контроль для этого