若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控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/297.html