(轉)asp.net(C#)手記之Repeater與兩級菜單

標籤：

先來張圖片說明下我們要實現的菜單：

 

這個菜單只實現了2級哈。

我採用的方法是嵌套2個Repeater。

先看下資料庫中的表結構：

 

資料:

 

上代碼：

aspx:

 

1. <asp:Repeater ID="rptMenus" runat="server"  
2.     onitemdatabound="rptMenus_ItemDataBound"> 
3.     <HeaderTemplate> 
4.     <ul class="mnuLevel01"> 
5.         <li id="mnuHome"><a href="#">首頁</a></li>       
6.     </HeaderTemplate> 
7.     <ItemTemplate> 
8.         <li class="multiItem"> 
9.             <a target="<%#DataBinder.Eval(Container.DataItem,"target") %>" href="<%#DataBinder.Eval(Container.DataItem,"Url") %>"><%#DataBinder.Eval(Container.DataItem,"Title") %></a> 
10.             <asp:Repeater ID="rptSubMenus" runat="server"> 
11.                 <HeaderTemplate> 
12.                 <ul class="mnuLevel02">                      
13.                 </HeaderTemplate> 
14.                 <ItemTemplate> 
15.                     <li><a href="<%#DataBinder.Eval(Container.DataItem,"Url") %>"><%#DataBinder.Eval(Container.DataItem,"Title") %></a></li> 
16.                 </ItemTemplate> 
17.                 <FooterTemplate> 
18.                 </ul>                       
19.                 </FooterTemplate> 
20.             </asp:Repeater>     
21.         </li>         
22.     </ItemTemplate>  
23.     <FooterTemplate> 
24.         </ul> 
25.     </FooterTemplate>        
26. </asp:Repeater>   

cs代碼：

 

1. private DataSet dsMenus;//菜單 
2.  
3. protected void Page_Load(object sender, EventArgs e) 
4. { 
5.     //綁定主菜單 
6.     string connStr = "Data Source=ip地址;Initial Catalog=資料庫名;User Id=sa;password=密碼;"; 
7.     //SqlConnection conn = new SqlConnection(connStr); 
8.     //conn.Open(); 
9.  
10.     string cmdText = "SELECT * FROM EP_menus WHERE status=1 ORDER BY orderid ASC,id ASC"; 
11.     //SqlCommand cmd = new SqlCommand(cmdText, conn); 
12.  
13.     SqlDataAdapter adapter = new SqlDataAdapter(cmdText, connStr); 
14.     dsMenus = new DataSet(); 
15.     adapter.Fill(dsMenus); 
16.  
17.     DataView dvTopMenus = new DataView(dsMenus.Tables[0]); 
18.     dvTopMenus.RowFilter = "[parent]=0"; 
19.     rptMenus.DataSource = dvTopMenus; 
20.     rptMenus.DataBind(); 
21. } 
22. protected void rptMenus_ItemDataBound(object sender, RepeaterItemEventArgs e) 
23. { 
24.     if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) 
25.     { 
26.         Repeater rptSMenus = (Repeater)e.Item.FindControl("rptSubMenus"); 
27.         DataRowView drv = (DataRowView)e.Item.DataItem; 
28.  
29.         int pMenu = Convert.ToInt32(drv["id"]);//父級菜單id 
30.         //if (pMenu != 0) 
31.         //{ 
32.         DataView dvSubMenus = new DataView(dsMenus.Tables[0]); 
33.         dvSubMenus.RowFilter = "[parent]=" + pMenu; 
34.  
35.         if (dvSubMenus.Count > 0) 
36.         { 
37.             rptSMenus.DataSource = dvSubMenus; 
38.             rptSMenus.DataBind(); 
39.         } 
40.         //} 
41.     } 
42. } 

這裡只是個大體的思路和代碼，具體的Repeater等資料請參考其他的教程。

(轉)asp.net(C#)手記之Repeater與兩級菜單