ASP.NET 3.5 C＃：サブメニュー付きの動的メニューを作成して表示する最も良い方法

私は通常、1つのリピータでデータテーブルを作成し、このコードをすべてコードビハインドに入れます。サブメニューを動的に追加する簡単な方法が見つかりませんでした。誰にもこれをより良くする方法がありますか？ASP.NET 3.5 C＃：サブメニュー付きの動的メニューを作成して表示する最も良い方法

出典

2011-07-18 nswilhelm

リストのネストされたリストとしてレンダリングします（<li></li>要素は<ul></ul>にあります）。動的メニューに変換するには、jQueryメニュープラグインを使用します。

出典

2011-07-18 13:56:39

通常、私はサブメニュー用に自身のコピーを追加して動的に生成するメニュー用のサーバーコントロールを使用します。ただし、生成するのが迅速ではないため、キャッシュすることを検討してください。

出典

2011-07-18 13:53:33

xsltファイルを作成し、データベースからレコードを動的に取得できます。

Download the Full Source Code

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head id="Head1" runat="server"> 
    <title>DataBase Driven Menu</title> 

    </head> 
    <body> 
    <form id="form1" runat="server"> 
    <div id="myslidemenu" class="jqueryslidemenu"> 
    <asp:Menu ID="Menu1" runat="server" StaticEnableDefaultPopOutImage="False" 
    Orientation="Horizontal" StaticSubMenuIndent="10px" BackColor="#FFFBD6" 
    DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
    ForeColor="#990000"> 
    <DataBindings> 
    <asp:MenuItemBinding DataMember="MenuItem" NavigateUrlField="NavigateUrl" TextField="Text" 
    ToolTipField="ToolTip" /> 
    </DataBindings> 
    <DynamicHoverStyle BackColor="#990000" ForeColor="White" /> 
    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
    <DynamicMenuStyle BackColor="#FFFBD6" /> 
    <DynamicSelectedStyle BackColor="#FFCC66" /> 
    <StaticHoverStyle BackColor="#990000" ForeColor="White" /> 
    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
    <StaticSelectedStyle BackColor="#FFCC66" /> 
    </asp:Menu> 

    </div> 
    </form> 
    </body> 
    </html> 

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data.SqlClient; 
using System.Xml; 
using System.Data; 

public partial class _Default : System.Web.UI.Page 
{ 

protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
DataSet ds = new DataSet(); 
XmlDataSource xmlDataSource = new XmlDataSource(); 
xmlDataSource.ID = "xmlDataSource"; 
xmlDataSource.EnableCaching = false; 

string connStr = @"Data Source=.\SQLEXPRESS;AttachDbFilename=G:\Admin\WebSite28\App_Data\Database.mdf;Integrated Security=True;User Instance=True"; 
using (SqlConnection conn = new SqlConnection(connStr)) 
{ 
string sql = "Select ID, Text,NavigateUrl,ParentID from Menu"; 
SqlDataAdapter da = new SqlDataAdapter(sql, conn); 
da.Fill(ds); 
da.Dispose(); 
} 

&nbsp; 

ds.DataSetName = "Menus"; 
ds.Tables[0].TableName = "Menu"; 
DataRelation relation = new DataRelation("ParentChild", 
ds.Tables["Menu"].Columns["ID"], 
ds.Tables["Menu"].Columns["ParentID"], 
true); 

relation.Nested = true; 
ds.Relations.Add(relation); 

xmlDataSource.Data = ds.GetXml(); 

//Reformat the xmldatasource from the dataset to fit menu into xml format 
xmlDataSource.TransformFile = Server.MapPath("~/TransformXSLT.xsl"); 

//assigning the path to start read all MenuItem under MenuItems 
xmlDataSource.XPath = "MenuItems/MenuItem"; 

//Finally, bind the source to the Menu1 control 
Menu1.DataSource = xmlDataSource; 
Menu1.DataBind(); 
} 

} 
}

出典

2012-04-25 16:55:28 Moiz

ASP.NET 3.5 C＃：サブメニュー付きの動的メニューを作成して表示する最も良い方法

答えて

関連する問題