22.6  扩展控件

ASP.NET AJAX在扩展已有控件方面占有很大的优势，它为创建新的扩展控件提供了一个框架，目前没有扩展控件，但使用ASP.NET AJAX控件工具集可以得到许多扩展控件。本节就使用ASP.NET AJAX控件工具集。

试试看：使用扩展控件

(1) 从www.asp.net/ajax/downloads上下载ASP.NET AJAX控件工具集(AjaxControlToolkit- Framework3.5-NoSource.zip)，把它存储在系统的一个目录下。解压zip文件。

(2) 用VS2008打开前面创建的Web站点AJAXWebSite。

(3) 在工具箱中，右击并选择Add Tab，创建一个新类别，命名为AJAX Control Toolkit。

(4) 右击新类别的内容，选择Choose Items，打开Choose Toolbox Items对话框。单击Browse按钮，选择程序集AjaxControlToolkit.dll(它在第(1)步解压的zip文件的SampleWebSite/bin目录下)。

(5) 扩展控件现在显示在工具箱的新类别中。

(6) 把ajaxToolkit tagPrefix添加到web.config文件中，引用程序集AjaxControlToolkit：

assembly="System.Web.Extensions,Version=3.5.0.0,Culture=neutral,

PublicKeyToken=31BF3856AD364E35"/>

assembly="System.Web.Extensions,Version=3.5.0.0,Culture=neutral,

PublicKeyToken=31BF3856AD364E35"/>

tagPrefix="ajaxToolkit"/>

(7) 添加一个新的AJAX Web窗体TextBoxWatermark.aspx，把它设置为应用程序的起始页面。

(8) 添加两个ASP.NET文本框控件。

(9) 在设计器中，单击***个文本框控件的智能标记，从菜单中选择Add Extender(把鼠标停放在文本框控件上，就会显示智能标记)。打开如图22-8所示的Extender Wizard对话框。选择TextBoxWatermarkExtender，单击OK按钮。

(点击查看大图)图  22-8

(10) 为第二个文本框控件重复第(9)步，添加另一个TextBoxWatermarkExtender。

(11) 选择***个文本框，在属性编辑器中展开组TextBox1_TextBoxWatermarkExtender，把WatermarkText属性设置为Enter your first name。

(12) 选择第二个文本框，在属性编辑器中展开组TextBox2_TextBoxWatermarkExtender，把WatermarkText属性设置为Enter your last name。

(13) 启动Web页面。在添加其他文本之前，可以在文本框控件中看到水印文本。

示例的说明

TextBoxWatermarkExtender是一个扩展控件，它用水印扩展了文本框。使用Extender Wizard时，会把扩展控件添加到ASPX文件中，并用属性TargetControlID关联到文本框控件上。该控件定义了属性WatermarkText和WatermarkCssClass。

ID="TextBox1_TextBoxWatermarkExtender"

runat="server" Enabled="True" TargetControlID="TextBox1"

WatermarkText="Enter your firstname">

【责任编辑：云霞 TEL：(010)68476606】

点赞 0