HTML编辑器智能任务和事件句柄生成器(ASP.NET vNext系列)

HTML编辑器智能任务和事件句柄生成器(ASP.NET vNext系列)

[原文发表地址] HTML Editor Smart Tasks and Event Handler Generation (ASP.NET vNext Series)

[原文发表时间] 2011-09-01 4:01 AM

 我最近在写一些有关ASP.NET vNext的系列博文,这是其中的第一篇。

下一版发布的Visual Studio会包含很多不错的代码编辑功能(我之后的博文中也会详细介绍)。今天这篇先写一些HTML编辑器小而精的改进,使之可以更好更快地完成普通任务。

特别的是,Visual Studio可以支持ASP.NET服务器控件的“智能任务”功能了,可以轻松地操作ASP.NET服务器控件的事件句柄而无需切换到设计视图。现在你可以在源代码视图中进行这些操作了。

快速浏览功能视频

Mads Kristensen制作了一个很不错的90 秒视频,展示了HTML编辑器智能任务和事件句柄生成器的功能。你可以点击此处观看90秒视频了解这些优化功能。

以下是有关新功能的一些详细介绍以及截屏。

智能任务的背景

几年前我们为Visual Studio添加了一个功能特性,支持“智能任务”。智能任务可以让你点击web form控件

,然后看到(随控件自带)一些快捷方式,来完成普通任务:

image

智能任务功能简化了一些普通场景。它的缺点就是只有在设计模式下才工作。如果你喜欢用HTML代码编辑器,不喜欢等设计视图启动,那你可能享受不到这些功能的作用了。

HTML编辑器里的智能任务

下一版的ASP.NET和Visual Studio添加了源代码视图中的智能任务支持(包括设计视图)。

有了ASP.NET Web Form,插入符号放置在ASP.NET服务器控制元素中,智能任务会以小字形出现:

image

你可以通过点击小字形或者点击CTRL+.(点)来展开智能任务,和在C#和VB.NET里一样。

image

上述任务现在可以直接在源代码视图中运行了,不用再切换到设计视图,完成操作也更简单快速了。比如,我们可以点击“编辑列”链接,直接跳出字段框来修改GridView的列定义(就像在设计视图中一样):

image

当我在对话框里配置GridView列并点击确认按钮,在代码编辑器中就会插入下列标记—无需调到设计视图,也不用切换到代码编辑器:

clip_image001

我们认为智能任务会有很大的功效,让很多任务都变得更简单。

源代码中的事件句柄生成器

你用ASP.NET服务器控件做很多普通的任务,其中一个就是连接服务器端事件句柄。

现在要在Visual Studio中做到这点唯一自动的方法就是切换到设计视图,选择控件,然后双击(处理默认事件)或者使用属性面板的事件标签,选择命名特定事件句柄。如果你习惯在代码视图中工作,你必须痛苦地转换到设计视图来完成。

下一版的ASP.NET和Visual Studio就会让这个工作更轻松简单一点,因为它支持从HTML代码编辑器来创建连接服务器端事件句柄。

智能感应全部的服务器端事件现在包含一个叫做“<Create New Event>”的值,正如名字所暗示的,它会创建一个事件句柄,在代码文件中加上正确的签名。只要简单地输入事件名称,打上空格,就会显示出来:

clip_image002

你可以选择将事件与代码文件中现有的函数连接,或者简单地输入你想创建的新事件处理句柄名称(或者直接点击标签自动命名):

clip_image004

Visual Studio会在你的代码文件中自动生成合适的服务器端事件句柄:

image

你无需切换到设计视图,也不用记得你想连接的准确的事件名称和签名,就可以做到上述所有了。

希望对你有所帮助。

Scott