Det finns några sätt att göra det i WebForms, men först måste du göra DIV element i rullgardinsmenyn som är tillgänglig från koden bakom.
Ser du det här utdraget?
<ul class="nav nav-tabs">
<li class="nav-item dropdown">
<a class="btn btn-light dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Category
</a>
<div id="myDropdownMenu" runat="server" class="dropdown-menu" aria-labelledby="navbarDropdown">
</div>
</li>
</ul>
Observera att jag har lagt till två attribut:id="myDropdownMenu" och runat="server" .
Efter detta kan du gå till Kod bakom för att börja fylla i menyn från en datakälla.
Det finns åtminstone två sätt att göra detta, så vitt jag vet.
Genom att manipulera InnerHtml egenskap, så här :
private void DisplayMenuByConstructingHtmlTags(List<string> menuList)
{
var menuHtml = "";
foreach (string menuText in menuList)
{
menuHtml += "<a class=\"dropdown-item\" href=\"#\">" + menuText + "</a>\n";
}
myDropdownMenu.InnerHtml = menuHtml;
}
Eller genom att lägga till menyn som underordnade kontroller , så här :
private void DisplayMenuByAddingChildControls(List<string> menuList)
{
foreach (string menuText in menuList)
{
var linkMenu = new HyperLink() { CssClass = "dropdown-item", NavigateUrl = "#", Text = menuText };
myDropdownMenu.Controls.Add(linkMenu);
}
}
Det är ditt samtal, vilken du ska välja.
Btw, bara för att slutföra det här exemplet kan du försöka anropa en av dessa metoder från Page_Load händelse, så här :
REDIGERA:
På din begäran har jag modifierat exemplen genom att lägga till en anslutning till en tabell i en databas. Så det här är modulen för att ladda data :
private List<string> LoadMenuFromTable()
{
string connectionString = ConfigurationManager.ConnectionStrings["YourConnectionStringName"].ToString();
var retVal = new List<string>();
using (var connection = new SqlConnection(connectionString))
{
using (var cmd = new SqlCommand("SELECT menu_text FROM Table_1", connection))
{
connection.Open();
using (var reader = cmd.ExecuteReader())
{
while (reader.Read())
{
retVal.Add((string)reader["menu_text"]);
}
}
}
}
return retVal;
}
Och så här ska du kalla modulen :
protected void Page_Load(object sender, EventArgs e)
{
var menu = LoadMenuFromTable();
DisplayMenuByAddingChildControls(menu);
// or DisplayMenuByConstructingHtmlTags(menu);
}
Åh, och kom ihåg att importera dessa två bibliotek för att få det här exemplet att fungera :
using System.Configuration;
using System.Data.SqlClient;
Hoppas det hjälper.