学步园

如何创建一个AJAXControlToolKit的扩展控件

相信熟悉Microsoft提供的AJAXControlToolKit的朋友已经感觉到它的强大了。但是如果我们需要其它一些控件,或者是我们碰到一些很好的javascript然后需要把它们整合到ajaxcontroltoolkit中,如何来做。？？？

微软的AJAXControlToolKit提供了很容易的扩展方式,小弟我也是初学ajaxcontroltoolkit的扩展,所以这里举个例子,一起来学习,如果有什么好的建议和例子请提出来一起分享.

其实Microsoft的ajax官网给出的扩展说明已经很详细了,而且有个例子,严格来说确实有点简单,但是总结一下每个扩展控件大致需要注意如下几点:

1.       必须添加的dll: System.Web.dll , System.Web.Extensions.dll, System.Design.dll, System.Web.Extensions.Design.dll.最后也就是最重要的是AjaxControlToolKit这个dll。

2.       需要有一个类是继承ExtenderControlBase这个类的。

很多基本的规定和一些必须有的属性都在哪个ExtenderControlBase这个类中,比如每个控件都需要有的targerconrolID。

 另外一点就是封装好WebResource和CliendtScriptResource。

如下代码所示：

using System.ComponentModel;<br /> using System.Web.UI;<br /> using System.Web.UI.WebControls;<br /> using AjaxControlToolkit;</p> <p>[assembly: System.Web.UI.WebResource("CustomExtenders.MyControlBehavior.js", "text/javascript")]</p> <p>namespace CustomExtenders<br /> {<br /> [ClientScriptResource("CustomExtenders.MyControlBehavior", "CustomExtenders.MyControlBehavior.js")]<br /> [TargetControlType(typeof(TextBox))]<br /> public class MyControlExtender : ExtenderControlBase<br /> {</p> <p> [ExtenderControlProperty]<br /> [DefaultValue("")]<br /> public string MyProperty<br /> {<br /> get<br /> {<br /> return GetPropertyValue("MyProperty", "");<br /> }<br /> set<br /> {<br /> SetPropertyValue("MyProperty", value);<br /> }<br /> }<br /> }<br /> }<br />   

3.       用到的js文件:

上面这几步完成后就创建了一个自定义的控件Progress bar。

说了这么多理论没啥意思,大家需要的还是一个复杂的且好用的例子。下面就给出个例子：

先看看运行效果:

按照上面给出的理论我们一步一步实现吧:

1.       引用dll:

如上图所示我们添加了需要的几个dll在新的project中。在哪个assets包中是用到的css和images。

2.       创建派生类:

最重要的是封装webResource和ClientResource,封装代码如下:

，然后就是属性的添加,所有的属性添加如下所示:

3.       写javascript，

 这里不贴代码了。

在前台页面使用这个控件: