Salve a tutti,
sto utilizzando MDBootstrap (una personalizzazione di Bootstrap in Material Design) e vorrei creare un menu laterale dinamico che sarà caricato da un DB.
La pagina è una pagina ASP, codebehind C# (uso Visual Studio 2015).
La parte di caricamento da DB non è un problema, la mia difficoltà è la creazione del menu laterale che fin ad ora era composto di voci "statiche".
Per effettuare "la generazione" del menu (per testare la cosa), nella "Page Load" (lato codice) utilizzo questo (per ora non carica da DB):
StringBuilder sb = new StringBuilder();
sb.Append("<li><a class=" + Util.DblQuotedStr("collapsible-header waves-effect arrow-r") + "><i class=" + Util.DblQuotedStr("fas fa-tachometer-alt") + "></i>Dashboards<i class=" + Util.DblQuotedStr("fas fa-angle-down rotate-icon") + "></i></a>\n");
sb.Append(" <div class=" + Util.DblQuotedStr("collapsible -body") + ">\n");
sb.Append(" <ul>\n");
sb.Append(" <li><a href = " + Util.DblQuotedStr("../ dashboards/v-1.html") + " class=" + Util.DblQuotedStr("waves -effect") + ">Version 1</a>\n");
sb.Append(" </li>\n");
sb.Append(" </ul>\n");
sb.Append(" </div>\n");
sb.Append("</li>\n");
ltEmbed.Text = sb.ToString();
dove "Util.DblQuotedStr" è una funzione che ritorna una stringa racchiusa tra i doppi apici (ASCII 34).
Il menu laterale (lato pagina ASP) è costruito così:
<!-- Sidebar navigation -->
<div id="slide-out" class="side-nav fixed">
<ul class="custom-scrollbar">
<!-- Logo -->
<li class="logo-sn waves-effect">
<div class="text-center">
<a href="#" class="pl-0"><img src="../../img/logo_small.png" /></a>
</div>
</li>
<!--/. Logo -->
<!-- Side navigation links -->
<li>
<ul class="collapsible collapsible-accordion">
<asp:Literal ID="ltEmbed" runat="server"></asp:Literal>
</ul>
</li>
<!--/. Side navigation links -->
</ul>
</div>
in pratica il risultato dovrebbe essere questo:
<!-- Sidebar navigation -->
<div id="slide-out" class="side-nav fixed">
<ul class="custom-scrollbar">
<!-- Logo -->
<li class="logo-sn waves-effect">
<div class="text-center">
<a href="#" class="pl-0"><img src="../../img/logo_small.png" /></a>
</div>
</li>
<!--/. Logo -->
<!-- Side navigation links -->
<li>
<ul class="collapsible collapsible-accordion">
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-tachometer-alt"></i>Dashboards<i class="fas fa-angle-down rotate-icon"></i></a>
<div class="collapsible-body">
<ul>
<li><a href="../dashboards/v-1.html" class="waves-effect">Version 1</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
<!--/. Side navigation links -->
</ul>
</div>
Quando lancio in esecuzione il programma, il menu "Dashboards" viene correttamente creato, ma se clicco su di esso non compare la voce "Version 1".
In pratica vedo l'animazione della freccetta che "gira" per segnalare l'apertura del menu ma non compare alcuna voce.
Cosa non sta funzionando (o dove sto sbagliando)?
Grazie, saluti.
Roberto
Modificato da washburn il 24 giugno 2020 13:14 -
