综述
快捷菜单最重要的部分是项目项列表,它即可以在运行时通过代码来指定,也可以在设计时指定。下面的代码块是设计时指定的例子:
<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行。通过这种方式用户可以清楚的看到控件的输出效果。