91绿帽论坛,三级直播视频在线观看,福利在线播放

使用RadControls的RadMenu控件開發(fā)系統(tǒng)菜單

轉(zhuǎn)帖|其它|編輯：郝浩|2011-09-22 13:53:36.000|閱讀 593 次

概述：關(guān)于菜單這個(gè)話題我想應(yīng)該是不講則懂，所以本文不會(huì)多講這些概念，則重關(guān)注RadControls控件中的RadMenu控件的使用，結(jié)合數(shù)據(jù)庫(kù)來開發(fā)一個(gè)系統(tǒng)菜單。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

　　關(guān)于菜單這個(gè)話題我想應(yīng)該是不講則懂，所以本文不會(huì)多講這些概念，則重關(guān)注RadControls控件中的RadMenu控件的使用，結(jié)合數(shù)據(jù)庫(kù)來開發(fā)一個(gè)系統(tǒng)菜單。

一、數(shù)據(jù)庫(kù)設(shè)計(jì)

  這里我就使用Access作為示例數(shù)據(jù)庫(kù),詳細(xì)見下圖：

　　表字段依次為：自動(dòng)編號(hào)、菜單編碼、菜單名稱、請(qǐng)求地址、菜單上顯示的圖片地址、快捷鍵(RadMenu控件支持)、菜單順序、菜單級(jí)限、是否為末級(jí)和父菜單編碼。整個(gè)設(shè)計(jì)中主要以菜單編碼作為關(guān)聯(lián)依據(jù)。

二、注冊(cè)控件及使用控件皮膚

　　我們可以將控件添加到工具箱直接拖拽到aspx頁面上就OK，隨后可以在html視圖下看到如下注冊(cè)命令：

1 <%@ Register Assembly="RadMenu.Net2"

Namespace="Telerik.WebControls" TagPrefix="rad" %>

要使用RadControls提供的皮膚功能很方便，從安裝目錄下將皮膚文件復(fù)制到項(xiàng)目中，然后在控件上直接選擇所需要的皮膚就OK。下圖為RadMenu選擇皮膚截圖：

三、編碼實(shí)現(xiàn)讀取數(shù)據(jù)

　　示例使用Access數(shù)據(jù)庫(kù)，簡(jiǎn)單配置了幾條數(shù)據(jù)，通過ADO.NET讀出來這個(gè)很簡(jiǎn)單，這里就不多說。菜單下的子菜單，以及下一級(jí)子菜單，凡是菜單都有可能會(huì)有這種情況，這里遞歸生成就OK。相關(guān)代碼如下：

1 namespace MenuDome
2 {
3     public class Menu
4     {
5         private static string connectionString = "Provider=
Microsoft.jet.OLEDB.4.0;data Source="
6    + HttpContext.Current.Server.MapPath(@"App_Data\MenuDB.mdb");
7
8    private  DataTable ExecuteQuery(string cmdText)
9         {
10 using (OleDbConnection conn =

new OleDbConnection(connectionString))
11 {
12 using (OleDbDataAdapter oda =

new OleDbDataAdapter(cmdText, conn))
13                 {
14                     DataSet ds = new DataSet();
15                     oda.Fill(ds);
16                     return ds.Tables[0];
17                 }
18             }
19         }
20
21         public DataTable GetMenu()
22         {
23             string sql = "select * from menu where grade=0";
24             return ExecuteQuery(sql);
25         }
26
27         public DataTable GetMenuBySupCode(string supMenuCode)
28         {
29    string sql = "select * from menu where supmenucode=
'" + supMenuCode + "'";
30             return ExecuteQuery(sql);
31         }
32     }
33 }

四、生成菜單項(xiàng)的準(zhǔn)備

　　菜單一般都是公用的（不考慮用戶權(quán)限相關(guān)的控制），我們可以把它開發(fā)成為一個(gè)公共的部分。本示例使用母版頁來做菜單，新建母版頁：  

  在此母版頁里加入RadMenu控件，并設(shè)置相應(yīng)的皮膚就OK。如下代碼塊：

1 <body>
2     <form id="form1" runat="server">
3
4     <%--菜單開始--%>
5     <rad:RadMenu ID="SystemMenu" runat="server" Skin="Web20">
6     </rad:RadMenu>
7     <%--菜單結(jié)束--%>
8
9     <%--內(nèi)容開始--%>
10     <asp:ContentPlaceHolder ID="CPH" runat="server">
11
12     </asp:ContentPlaceHolder>
13     <%--內(nèi)容結(jié)束--%>
14
15     </form>
16 </body>

五、根據(jù)數(shù)據(jù)庫(kù)數(shù)據(jù)生成菜單項(xiàng)

　　現(xiàn)在就差最后一步了，根據(jù)數(shù)據(jù)庫(kù)里讀取的數(shù)據(jù)生成菜單項(xiàng)。由于菜單下會(huì)有子菜單情況，示例中將菜單項(xiàng)生成分兩步來處理，詳細(xì)見如下代碼：

private void InitMenu()
2

{
3

//查詢出菜單配置信息
4

DataTable dtMenu = menu.GetMenu();
5

for (int i = 0; i < dtMenu.Rows.Count; i++)
7

{
8

//Rad菜單項(xiàng)
9

RadMenuItem item = new RadMenuItem();
10

item.ID = dtMenu.Rows[i]["Code"].ToString();
12

item.Text = dtMenu.Rows[i]["Name"].ToString();
13

item.Value = dtMenu.Rows[i]["Url"].ToString();
14

item.AccessKey = dtMenu.Rows[i]["ShortCut"].ToString();
15

this.SystemMenu.Items.Add(item);
17

//菜建子菜單
19

InitSubMenu(item, dtMenu.Rows[i]["Code"].ToString());
20 }
21

}

除了上面的方法，還有一個(gè)構(gòu)建子菜單的方法InitSubMenu()，如下代碼塊：

1 private void InitSubMenu(RadMenuItem item, string supMenuCode)
2 {
3     DataTable dtMenu = menu.GetMenuBySupCode(supMenuCode);
4
5     if (dtMenu != null)
6     {
7         foreach (DataRow dataRow in dtMenu.Rows)
8         {
9             RadMenuItem subItem = new RadMenuItem();
10
11             subItem.ID = dataRow["ID"].ToString();
12             subItem.Text = dataRow["Name"].ToString();
13             subItem.Value = dataRow["Url"].ToString();
14             subItem.AccessKey = dataRow["ShortCut"].ToString();
15
16             item.Items.Add(subItem);
17
18             if (Convert.ToInt32(dataRow["EndGrade"]) != 1)
19             {
20                 InitSubMenu(subItem, Convert.ToString(dataRow["Code"]));
21             }
22         }
23     }
24 }

六、展現(xiàn)RadMenu風(fēng)采

　　通過上面一步步的開發(fā)，現(xiàn)在終于可以一覽RadMenu的風(fēng)采了。通過上面建立的母版頁建立一內(nèi)容頁，直接運(yùn)行內(nèi)容頁就可以看到效果了。示例中我使用了三種皮膚：Web2.0,WebBlue和Vista，下面是此三種皮膚的運(yùn)行截圖：