Cutting Edge:为ASP.NET控件加入快捷菜单(完)

80酷酷网    80kuku.com

  asp.net|菜单|控件 

Cutting Edge:为ASP.NET控件加入快捷菜单(完)

英文原文:Adding a Context Menu to ASP.NET Controls
作者:Dino Esposito
翻译:刘瑞才
源码:CuttingEdge0502.exe
  • 综述

    快捷菜单最重要的部分是项目项列表,它即可以在运行时通过代码来指定,也可以在设计时指定。下面的代码块是设计时指定的例子:

    <cc1:contextmenu id="ContextMenu1" runat="server">   <cc1:ContextMenuItem Text="做这个"        CommandName="ThisCommand" Tooltip="¡­" />    <cc1:ContextMenuItem Text="做那个"        CommandName="ThatCommand" Tooltip="¡­" />    <cc1:ContextMenuItem />    <cc1:ContextMenuItem Text="思考 ..."        CommandName="ThinkCommand" Tooltip="¡­ " /> </cc1:contextmenu>

    空的<cc1:Contextmenu>标签表示一个菜单项分隔。注意,我们可以通过一系列的元数据属性设置,达到在Visual Studio.Net中操作子标签的目的:

    [DesignerSerializationVisibility( DesignerSerializationVisibility.Content)][PersistenceMode(PersistenceMode.InnerDefaultProperty)]public ContextMenuItemCollection ContextMenuItems {...}

    但是这种配置不支持其它类型的子标签,如果你使用其它类型的子标签,解析器将会发出一个错误。例如:你不能在快捷菜单的根标签内序列化数据绑定控件的内容。通过使用一组不同的设计时属性,可以达到这一目的(我希望在将来可以包含这方面的控件设计内容)

    如果在Visual Studio.Net的设计器中双击快捷菜单控件,一个关联到快捷菜单ItemCommand事件的处理器将被自动添加。然后你就可以根据name分别处理菜单项的行为。事件处理代码中填写的内容大至如下所示:

    void ContextMenu1_ItemCommand(object sender, CommandEventArgs e){   switch(e.CommandName)   {      case "ThinkCommand":           ...           break;      case "ThisCommand":           ...            break;      default:           ...            break;   }}

    在图3中你可以看到快捷菜单控件在设计时的呈现。ASP.NET设计器调用被设计在页面内的所有控件的RenderControl方法。那么就我们的快捷菜单控件而言,将通过呈现一个table行来模拟一个选择的菜单项,这又是如何通过RenderControl方法实现的呢?这是通过快捷菜单控件的自定义设计器来实现的。你可以在本文所附的代码中找到这个组件的源代码。概括的说:自定义设计器得到由RenderControl方法产生的HTML字符串,并修改这个HTML字符串,来额外添加一个不同背景色的Table行。通过这种方式用户可以清楚的看到控件的输出效果。

  • ASP.NET 2.0 中的菜单

    本文和我们的快捷菜单控件都是基于 ASP.NEt 1.x 的,但是它也可以很容易的被用于 ASP.NET 2.0。也许你知道,在ASP.NET 2.0中有了全新的菜单控件。但是,你没必要在ASP.NET 2.0应用程序中使用这个菜单控件作为快捷菜单,因为它过于庞大,并且是被设计用于其它场景的。ASP.NET 2.0 的菜单控件是专门设计成静态菜单(而不是快捷菜单)的,并且它缺少实现快捷菜单功能所必须的两个关键设置:它不能被隐藏并且不支持绝对位置。这两个设置都可以通过编辑标记来添加声明。在另一方面,ASP.NET 2.0 的菜单提供了一些关键改进,包括:支持多级嵌套,可访问,和改变浏览器窗口大小时的滚动条。由你决定哪种形式更适合你的需求。

(全文完)

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: