AJAX Control Toolkit 重大更新！-控件新闻-慧都网

AJAX Control Toolkit 重大更新！

原创|其它|编辑：郝浩|2009-05-20 10:05:18.000|阅读 1437 次

概述：5月13号，AJAX Control Toolkit 发布了新的release，其中包含了三个新的控件：HTMLEditor 、ComboBox 和 ColorPicker.

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

AJAX Control Toolkit 并没有得到广泛的应用，国内。多归咎于其效率较低（可参考而微软此举会把 AJAX Control Toolkit 引向何途呢？让我拭目以待 ...

前言

<5 月 13 号。 AJAX Control Toolkit 发布了新的 releas 其中包括了三个新的控件： HTMLEditor ComboBox 和 ColorPick 作用和用法如下：

AJAX Control Toolkit Releas Note - Mai 2009 Release

Vers 3.0.30512

New controls

此版本包括了一下三个重要的新控件 :

并入 AJAX Control Toolkit. 就是日常所用的所见即所得 HTML 编辑控件（ . 而这个控件则是 Obout 出品的目前开放源码。;
尽管样子做的比较粗糙，顾名思义。但 ASP.NET 总算有了官方支持的复合式下拉列表控件。
以弹出 P 形式，类似于 CalendarExtend 这个空间也作为 Extender 附着在 TextBox 上。为我提供经常用到客户端颜色选取功能。

ComboBox 和 ColorPick 与原有的 AJAX Extender 差不多，其中。其源文件也是继承自 ExtenderControlBas 一个 c# 类以及相应的 Behavior.j

新控件的使用

使用方式分别如下：

<asp:TextBox runat="server" ID="Text" /><ajaxToolkit:ColorPickerExtender runat="Server" BehaviorID="ColorPicker" TargetControlID="Text" /><ajaxToolkit:ComboBox ID="ComboBox1" runat="server" DropDownStyle="Simple"><asp:ListItem>&</asp:ListItem><asp:ListItem>a</asp:ListItem><asp:ListItem>A</asp:ListItem><asp:ListItem>AA</asp:ListItem><asp:ListItem>AaA</asp:ListItem><asp:ListItem>b</asp:ListItem><asp:ListItem>bc</asp:ListItem><asp:ListItem>bcd</asp:ListItem><asp:ListItem>bd</asp:ListItem><asp:ListItem>c</asp:ListItem><asp:ListItem>ee fff</asp:ListItem></ajaxToolkit:ComboBox>

支持多种配置，而 HTMLEditor 则是一个相对独立的控件。比较复杂，一般配置的使用方式如下：

<HTMLEditor:Editor runat="server" Id="editor" Height="300px" AutoFocus="true" Width="100%" />

也可以根据需要配置成其它模式：

<customEditors:Lite runat="server" id="editor" Height="400px" Width="500px" /><customEditors:LiteNoBottom runat="server" id="editor" Height="400px" Width="500px" />

示例如下：也可以从客户端添加。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/P/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="//www.w3.org/1999/xhtml"><head><title>Displaying HTMLEditor in an htm page</title><script src="Script/MicrosoftAjax.debug.js" type="text/javascript"></script><script src="AjaxControlToolkit/3.0.20820.16598/3.0.20820.0/AjaxControlToolkit.Common.Common.js" type="text/javascript"></script><script src="AjaxControlToolkit/3.0.20820.16598/3.0.20820.0/AjaxControlToolkit.ExtenderBase.BaseScripts.js" type="text/javascript"></script><script src="AjaxControlToolkit/3.0.20820.16598/3.0.20820.0/AjaxControlToolkit.HTMLEditor.ClientSideEditor.js" type="text/javascript"></script><script src="AjaxControlToolkit/3.0.20820.16598/3.0.20820.0/AjaxControlToolkit.DynamicPopulate.DynamicPopulateBehavior.js" type="text/javascript"></script><link href="AjaxControlToolkit/3.0.20820.16598/3.0.20820.0/AjaxControlToolkit.HTMLEditor.CssAndImages/Css/Editor.css" rel="stylesheet" type="text/css" /><style type="text/css">{:11px Verdana;:#315686;:underline;}{:crimson;}</style></head><body><a href="../HTMLEditor.aspx">< Back to <strong>HTMLEditor</strong> page</a><br /><br /><form action="ToolkitTest.htm"><textarea id="editor" style="width:100%; height:600px;"><span style="font-weight: bold;">Hello world</span> </textarea></form><script type="text/javascript">//<![CDATA[ Sys.Application.add_init function {//content: "Another <span style=\"font-weight: bold;\">Hello world</span> ".> //width: "100%".> //height: "700px".>