为ASP.NET控件加入快捷菜单(4)
发表于:2007-06-30来源:作者:点击数:
标签:
标记绝对位置 这里 开发 的快捷菜单控件需要绝对位置功能。而这一功能并不是所有的浏览器都支持的。但是,一个支持复杂对象模式和丰富事件的浏览器应该具有高级的定位能力。 就我们关心的Inte .net Exploer而言,还有其它方式实现快捷菜单。我们不再使用在页
标记绝对位置
这里
开发的快捷菜单控件需要绝对位置功能。而这一功能并不是所有的浏览器都支持的。但是,一个支持复杂对象模式和丰富事件的浏览器应该具有高级的定位能力。
就我们关心的Inte
.net Exploer而言,还有其它方式实现快捷菜单。我们不再使用在页面中移动Div的位置这一方法,我们可以创建一个弹出窗口并在指定的位置显示它。然后将DIV动态加载到弹出窗口中呈现为快捷菜单
当实现快捷菜单控件的时候,我首先选择了上述的创建并显示一个弹出窗口。我发现弹出窗口的一些好处,其中之一就是弹出窗口对象不需写代码就自动具有类似桌面快捷菜单的功能:在区域外单击或点击Esc键时自动隐藏。
但是,在Internet Exploer6.0的查看代码功能中出现问题。按照我的
测试,在弹出对像中包含快捷菜单改变了页面的元素树并影响查看源代码窗口,不能显示。同样,我想让快捷菜单像交互ASP.net控件一样可以提交当前页(回传视图状态和输入域)而不只是跳转到指定的URL。从内部弹出窗口提交到父窗口仍然需要更改页面级别的棘手的代码。(这在ASP.NET 2.0中利用跨页提交功能会更简单)。在MSDN的示例中,由于它仅仅时链接到一个外部URL所以它游刃有余。
ASP.NET回传是一个小技巧,在当前页面中使用绝对位置来维持快捷菜单不会改变页面的元素结点树。这样就没有上述的问题了。对于典型解除弹出菜单的事件捕获,你仍可使用鼠标事件捕获。这可能通过使用一系列的Internet Exploer DHTML方法来实现。
综述
快捷菜单最重要的部分是项目项列表,它即可以在运行时通过代码来指定,也可以在设计时指定。下面的代码块是设计时指定的例子:
<
clearcase/" target="_blank" >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 的菜单提供了一些关键改进,包括:支持多级嵌套,可访问,和改变浏览器窗口大小时的滚动条。由你决定哪种形式更适合你的
需求。
原文转自:http://www.ltesting.net