使用RadControls的RadMenu控件开发系统菜单

使用RadControls的RadMenu控件开发系统菜单关于菜单这个话题我想应该是不讲则懂,所以本文不会多讲这些概念,则重关注RadControls控件中的RadMenu控件的使用,结合数据库来开发一个系统菜单。一、数据库设计这里我就使用Access作为示例数据库,详细见下图:表字段依次为:自动编号、菜单编码、菜单名称、请求地址、菜单上显示的图片地址、快捷键(RadMenu控件支持)、菜单顺序、菜单级限、是否为末级和父菜单编码。整个设计中…

大家好,又见面了,我是你们的朋友全栈君。

关于菜单这个话题我想应该是不讲则懂,所以本文不会多讲这些概念,则重关注RadControls控件中的RadMenu控件的使用,结合数据库来开发一个系统菜单。

一、数据库设计

这里我就使用Access作为示例数据库,详细见下图:
使用RadControls的RadMenu控件开发系统菜单

表字段依次为:自动编号、菜单编码、菜单名称、请求地址、菜单上显示的图片地址、快捷键(RadMenu控件支持)、菜单顺序、菜单级限、是否为末级和父菜单编码。 整个设计中主要以菜单编码作为关联依据。

二、注册控件及使用控件皮肤

我们可以将控件添加到工具箱直接拖拽到aspx页面上就OK,随后可以在html视图下看到如下注册命令:

<!–<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />–>
1
<%
@RegisterAssembly
=

RadMenu.Net2

Namespace
=

Telerik.WebControls

TagPrefix
=

rad


%>

要使用RadControls提供的皮肤功能很方便,从安装目录下将皮肤文件复制到项目中,然后在控件上直接选择所需要的皮肤就OK。下图为RadMenu选择皮肤截图:
使用RadControls的RadMenu控件开发系统菜单

三、编码实现读取数据

示例使用Access数据库,简单配置了几条数据,通过ADO.NET读出来这个很简单,这里就不多说。菜单下的子菜单,以及下一级子菜单,凡是菜单都有可能会有这种情况,这里递归生成就OK。相关代码如下:

<!–<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />–>
1
namespace
MenuDome

2
{


3

public

class
Menu

4
{


5

private

static

string
connectionString
=


Provider=Microsoft.jet.OLEDB.4.0;dataSource=



6

+
HttpContext.Current.Server.MapPath(
@”
App_Data/MenuDB.mdb

);

7


8

private
DataTableExecuteQuery(
string
cmdText)

9
{


10

using
(OleDbConnectionconn
=

new
OleDbConnection(connectionString))

11
{


12

using
(OleDbDataAdapteroda
=

new
OleDbDataAdapter(cmdText,conn))

13
{


14
DataSetds
=

new
DataSet();

15
oda.Fill(ds);

16

return
ds.Tables[
0
];

17
}

18
}

19
}

20


21

public
DataTableGetMenu()

22
{


23

string
sql
=


select*frommenuwheregrade=0

;

24

return
ExecuteQuery(sql);

25
}

26


27

public
DataTableGetMenuBySupCode(
string
supMenuCode)

28
{


29

string
sql
=


select*frommenuwheresupmenucode=’


+
supMenuCode
+




;

30

return
ExecuteQuery(sql);

31
}

32
}

33
}

四、生成菜单项的准备

菜单一般都是公用的(不考虑用户权限相关的控制),我们可以把它开发成为一个公共的部分。本示例使用母版页来做菜单,新建母版页:
使用RadControls的RadMenu控件开发系统菜单

在此母版页里加入RadMenu控件,并设置相应的皮肤就OK。如下代码块:

<!–<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />–>
1
<
body
>


2

<
form
id
=”form1″
runat
=”server”
>


3


4

<%

菜单开始

%>


5

<
rad:RadMenu
ID
=”SystemMenu”
runat
=”server”
Skin
=”Web20″
>


6

</
rad:RadMenu
>


7

<%

菜单结束

%>


8


9

<%

内容开始

%>


10

<
asp:ContentPlaceHolder
ID
=”CPH”
runat
=”server”
>


11


12

</
asp:ContentPlaceHolder
>


13

<%

内容结束

%>


14


15

</
form
>


16
</
body
>

五、根据数据库数据生成菜单项

现在就差最后一步了,根据数据库里读取的数据生成菜单项。由于菜单下会有子菜单情况,示例中将菜单项生成分两步来处理,详细见如下代码:

<!–<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />–>
1
使用RadControls的RadMenu控件开发系统菜单
private

void
InitMenu()

2
ExpandedBlockStart.gifContractedBlock.gif
使用RadControls的RadMenu控件开发系统菜单
{

3使用RadControls的RadMenu控件开发系统菜单//查询出菜单配置信息
4使用RadControls的RadMenu控件开发系统菜单DataTabledtMenu=menu.GetMenu();
5使用RadControls的RadMenu控件开发系统菜单
6使用RadControls的RadMenu控件开发系统菜单for(inti=0;i<dtMenu.Rows.Count;i++)
7ExpandedSubBlockStart.gifContractedSubBlock.gif使用RadControls的RadMenu控件开发系统菜单{

8使用RadControls的RadMenu控件开发系统菜单//Rad菜单项
9使用RadControls的RadMenu控件开发系统菜单RadMenuItemitem=newRadMenuItem();
10使用RadControls的RadMenu控件开发系统菜单
11使用RadControls的RadMenu控件开发系统菜单item.ID=dtMenu.Rows[i][Code].ToString();
12使用RadControls的RadMenu控件开发系统菜单item.Text=dtMenu.Rows[i][Name].ToString();
13使用RadControls的RadMenu控件开发系统菜单item.Value=dtMenu.Rows[i][Url].ToString();
14使用RadControls的RadMenu控件开发系统菜单item.AccessKey=dtMenu.Rows[i][ShortCut].ToString();
15使用RadControls的RadMenu控件开发系统菜单
16使用RadControls的RadMenu控件开发系统菜单this.SystemMenu.Items.Add(item);
17使用RadControls的RadMenu控件开发系统菜单
18使用RadControls的RadMenu控件开发系统菜单//菜建子菜单
19使用RadControls的RadMenu控件开发系统菜单InitSubMenu(item,dtMenu.Rows[i][Code].ToString());
20使用RadControls的RadMenu控件开发系统菜单}

21使用RadControls的RadMenu控件开发系统菜单}

除了上面的方法,还有一个构建子菜单的方法InitSubMenu(),如下代码块:

<!–<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />–>
1
private

void
InitSubMenu(RadMenuItemitem,
string
supMenuCode)

2
{


3
DataTabledtMenu
=
menu.GetMenuBySupCode(supMenuCode);

4


5

if
(dtMenu
!=

null
)

6
{


7

foreach
(DataRowdataRow
in
dtMenu.Rows)

8
{


9
RadMenuItemsubItem
=

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
}

六、展现RadMenu风采

通过上面一步步的开发,现在终于可以一览RadMenu的风采了。通过上面建立的母版页建立一内容页,直接运行内容页就可以看到效果了。示例中我使用了三种皮肤:Web2.0,WebBlue和Vista,下面是此三种皮肤的运行截图:

使用RadControls的RadMenu控件开发系统菜单

使用RadControls的RadMenu控件开发系统菜单

使用RadControls的RadMenu控件开发系统菜单

七、其他

出了皮肤是一大特色外,RadMenu还提供了很多客户端事件,我们利用这些API可以很方便在在客户端通过JavaScript动态的来创建、添加、删除菜单项,如下属性截图:
使用RadControls的RadMenu控件开发系统菜单
尤其是在AJAX普遍使用的今天,无刷新的应用开发越来越普遍,RadMenu为我们提供了比较完美的菜单解决方案。

本文就简单介绍于此,更多示例可以访问RadControls官方提供的在线Demo,希望本文对大家在菜单开发上可以起到一定的帮助。官方示例地址:http://demos.telerik.com/aspnet/Menu/Examples/Overview/DefaultCS.aspx

本文示例下载

注:原创文章欢迎转载,转载请注明出处。 出处:http://beniao.cnblogs.com/http://www.cnblogs.com/

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161981.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mybatis返回map结果集@MapKey使用场景[通俗易懂]

    mybatis返回map结果集@MapKey使用场景[通俗易懂]select的resultType属性为map时:通过MapKey指定map的key值1.使用id作为map的ke@MapKey("id")Map&lt;Long,UserInfo&gt;getUserInfoMap();2.Map的value为Map,一条记录对应一个Map@MapKey("id")Map&lt;Long,Map&lt;String,Object&gt;&g…

    2022年10月5日
    2
  • webservice框架jersey简单总结[通俗易懂]

    webservice框架jersey简单总结[通俗易懂]项目中需要使用到webservice,具体的是使用jersey。那么首先需要了解jersey和webservice的关系,捋顺webservice框架的各种实现,通过查阅相关博客,我个人总结webservice的结构图如下:通过上图,大概可以了解到webservice和jersey的关系了,然后我们需要了解RESTful是什么,自己也是说不太清楚,所以可以看这个博客地址:RES

    2022年9月21日
    4
  • vscode的使用

    vscode的使用一、基本使用1、生成Html模板先把右下角换成然后在空白页面 输入 ! 按下Tab即可。2、vscoe自动保存自动保存简直不要太爽 File–> Auto Save 即可。 可以在下面修改秒数保存。3、颜色主题以及字体或者直接快捷键 ctrl+k按完直接ctrl+t即可。上下选择合适主题。修改字体大小即可。4、修改删除快捷键…

    2022年6月13日
    53
  • Python爬虫超详细讲解(零基础入门,老年人都看的懂)

    Python爬虫超详细讲解(零基础入门,老年人都看的懂)关于Python爬虫的超详细讲解,用例子来给大家一步步分析爬虫的代码原理,由浅入深,老年人来了,我也给你整明白。

    2022年6月14日
    36
  • VirtualBox命令行接口VBoxManage配置「建议收藏」

    VirtualBox命令行接口VBoxManage配置「建议收藏」VBoxManage是VirtualBox的命令行接口,你可以在主机操作系统的命令行中完全地控制VirtualBox。VBoxManage支持GUI可访问的全部功能,而且更多。VBoxManage展示了虚拟化引擎的全部特征,包括GUI无法访问的。使用VBoxManage前需配置环境变量:1,在系统变量里面添加variable:VBoxManage        

    2022年5月27日
    32
  • springEL表达式_赋值表达式的条件

    springEL表达式_赋值表达式的条件一、SpEL介绍二、SpEL用法1.在@Value注解中使用2.在XML配置中使用3.在代码中创建Expression对象三、SpEL原理1.解析器:ExpressionParser2.表达式:Expression3.上下文:EvaluationContext使用流程四、表达式语法1.基本表达式①字面量表达式②算数运算表达式③关系运算表达式④逻辑运算表达式⑤字符串连接及截取表达式⑥三目运算⑦Elivis表达式⑧正则表达式2.类相关表达式

    2025年10月28日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号