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

cutting edge:为asp.net控件加入快捷菜单(完)

• 综述

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

  <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 的菜单提供了一些关键改进，包括：支持多级嵌套，可访问，和改变浏览器窗口大小时的滚动条。由你决定哪种形式更适合你的需求。