ps:承蒙各位厚爱,在博客园中安家的两个月中我学到了不少东西,认识了许多朋友,且得到了好多机会。目前我有幸翻译一本atlas的书:foundations of atlas: rapid ajax development with asp.net 2.0,估计三个月后即可于人民邮电出版社并面世。所以这段时间比较忙,blog也不能有前一段时间那么频繁的更新了,特此表示歉意。当然,欢迎朋友们继续来讨论atlas的相关问题,我会尽力回答。
未来的两个月内,对于foundations of atlas的翻译,我希望能够精益求精,所以一定会有不少问题需要与各位朋友讨论,例如术语,翻译风格等等。在这里我预先感谢了!
在上一篇(请参考:开发asp.net atlas服务器端extender控件——编写客户端behavior)中我们已经写好了客户端的behavior。在本篇文章中,让我们将它包装起来作为服务器端控件运行。
首先来到validateusernameproperties.cs文件,该类继承于targetcontrolpropertiesbase<control>基类,其中定义的是客户端属性值与服务器端属性值之间的映射关系。同时,targetcontrolpropertiesbase<control>基类以及atlas control extender已经为您做好了产生客户端xml script的工作,您只需要定义您的behavior需要的属性即可。
应该加入checkresultlabelid,servicename,methodname,validmessage以及invalidmessage五个属性。为了简单,我只举一个属性的例子
[defaultvalue("")]
[idreferenceproperty(typeof(webcontrol))]
[requiredproperty()]
public string checkresultlabelid
{
get
{
return getpropertystringvalue("checkresultlabelid");
}
set
{
setpropertystringvalue("checkresultlabelid", value);
}
}
其中checkresultlabelid的定义前面加上了三个属性:
defaultvalue:设定这个属性的默认值。
idreferenceproperty:指定这个属性中只能存放某一特定类型的控件的id。
requiredproperty:指定这个属性是必须的。
其他的几个属性您可以参考随后提供的源文件。
然后看一下validateusernameextender.cs文件,主要部分如下:
[designer(typeof(validateusernamedesigner))]
[clientscriptresource("dflying", "validateusernamebehavior", "dflying.atlas.controltookit.validateusername.validateusernamebehavior.js")]
[requiredscript(typeof(validateusernameextender))]
public class validateusernameextender : extendercontrolbase<validateusernameproperties, control>
{
}
其中我们的validateusernameextender继承于extendercontrolbase<validateusernameproperties, control>基类,得到一些共有的操作。并且在类上应用了三个属性:
designer:指定这个extender的设计器(用于提供设计期支持)的类名。
clientscriptresource:指定生成客户端atlas xml脚本所需要的信息。这里的dflying和validateusernamebehavior都要和前面的validateusernamebehavior.js中定义的保持一致。
requiredscript:指定客户端需要的脚本,这样atlas会以axd文件的形式将validateusernamebehavior.js链接到页面上。
最后是validateusernamedesigner.cs文件,在这里您可以添加设计期的支持程序。让您的控件在visual studio中随着设定的属性值不同,显示样式也不同。这里为了简化,我就不添加设计期支持了。
值此为止,我们的extender就写好了,来一次release build以后生成的dll就可以直接拿来使用了。在下一篇文章中,我将演示在实际程序中应用这个extender。
新闻热点
疑难解答
图片精选