如何为触屏显示器定义DevExpress ASPxMenu -控件新闻-慧都网

如何为触屏显示器定义DevExpress ASPxMenu

原创|其它|编辑：郝浩|2012-09-27 14:20:49.000|阅读 397 次

概述：若ASPxMenu子菜单中有网页地址，则在单击子菜单时，就可能打开该网页。但当在平板设备（如触屏显示器）的浏览器中打开该网页时，就可能出现问题，本文今天将介绍如何如何为触屏显示器定义DevExpress ASPxMenu 。

若ASPxMenu子菜单中有网页地址，则在单击子菜单时，就可能打开该网页。若子菜单中有子菜单列表，则在鼠标光标悬停在父子项目上时，将会显示‘子子项目’列表。在台式电脑的浏览器中打开某一网页时，不会产生任何问题，但当在平板设备（如触屏显示器）的浏览器中打开该网页时，就可能出现问题。

因平板设备的特性，平板设备的浏览器不会引发任何‘鼠标移到目标上’事件。因此，能打开某一项目的子菜单的唯一方法是用户的触摸（点击事件）。然而，若MenuItem.NavigateUrl属性中包含网页地址，则浏览器将会被重新定向到网页，而非打开子项目列表。

1. 除非项目具有导航地址，否则不可能显示子项目列表。为解决这一问题，若菜单项拥有子项目，则MenuItem.NavigateUrl的属性应为空:

[C#]

if (item.HasChildren) {

item.NavigateUrl = null;

}

[VB.NET]

If item.HasChildren Then

item.NavigateUrl = Nothing

End If

若ASPxMenu项目是在设计时创建的，则可以在运行时修改ASPxMenu.Load事件处理器中必要的子项目：

[C#]

protected void ASPxMenu1_Load(object sender, EventArgs e) {

ASPxMenu menu = sender as ASPxMenu;

CorrectItem(menu.RootItem);

}

private void CorrectItem(MenuItem item) {

if (item == null)

return;

if (item.HasChildren) {

item.NavigateUrl = null;

foreach (MenuItem subItem in item.Items)

CorrectItem(subItem);

}

[VB.NET]

Protected Sub ASPxMenu1_Load(ByVal sender As Object, ByVal e As EventArgs)

Dim menu As ASPxMenu = TryCast(sender, ASPxMenu)

CorrectItem(menu.RootItem)

End Sub

Private Sub CorrectItem(ByVal item As MenuItem)

If item Is Nothing Then

Return

End If

If item.HasChildren Then

item.NavigateUrl = Nothing

For Each subItem As MenuItem In item.Items

CorrectItem(subItem)

Next subItem

End If

End Sub

2. 若ASPxMenu与某一数据源是绑定的，可使用ASPxMenuBase.ItemDataBound事件处理器清除NavigateUrl属性：

[C#]

protected void ASPxMenu1_ItemDataBound(object source, MenuItemEventArgs e) {

if ((e.Item.Parent != null) && (!String.IsNullOrEmpty(e.Item.Parent.NavigateUrl))) {

e.Item.Parent.NavigateUrl = null;

}

[VB.NET]

Protected Sub ASPxMenu1_ItemDataBound(ByVal source As Object, ByVal e As MenuItemEventArgs)

If (e.Item.Parent IsNot Nothing) AndAlso ((Not String.IsNullOrEmpty(e.Item.Parent.NavigateUrl))) Then

e.Item.Parent.NavigateUrl = Nothing

End If

End Sub

当引发ASPxMenuBase.ItemDataBound事件时，项目的子项目还未创建。因此，当子项目引发ItemDataBound事件时，通过上述所展示的方法即可清除父项目的NavigateUrl属性值。

3. 根据场景要求，通过点击菜单项，浏览器可被重新定向到另一页面，同时用户可以打开项目的子项目列表，然后通过自定义模板替换项目文本。创建HTML 'div'元素，并处理该元素客户端‘点击’事件。在这个事件处理器中，需要将浏览器定向到相应的页面，并通过使用ASPxClientUtils.PreventEventAndBubble法防止事件气泡。因此，若用户点击项目的文本区域，将会打开相应的页面；若点击项目的其他任何区域，将会打开子项目列表。

标签：DevExpress

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：DevExpress中文网

上一篇：揭开DXTREME的神秘面纱体验新型iOS,Android,Win8应用创建下一篇：DevExpress助您开发Windows8 UI应用程序