探讨微软ASP.NET AJAX控件开发技术(客户端)

http://tech.ddvip.com   2007年09月11日    社区交流

内容摘要:本系列文章将通过具体的实例从客户端和服务端两个角度全面探讨ASP.NET AJAX框架中的控件(Control)开发所涉及的技术。

  (三)使用控件

  有了上面的控件类,至于使用就很简单了。请切换到页面default.aspx的源码视图,然后在<head>区创建如下列表3所示内容。

  列表3 

<script type="text/javascript">
function pageLoad(){
$create(AjaxImageButtonNamespace.MyCliImageButton, {'hoverImageUrl':'Images/updateh.gif'}, {'click':buttonClicked}, null, $get('cliBtn'));
}
function buttonClicked(sender, e) {
alert('I am clicked');
return false;
}
</script>

  在此,我们使用ASP.NET AJAX客户端全局方法$create创建控件AjaxImageButtonNamespace.MyCliImageButton的一个实例,指定其属性hoverImageUrl取值、click事件的处理器函数,并把它与当前页面中的HTML <IMAGE>元素关联起来。当然,为了使得框架在运行时能够找到我们刚才建立的脚本文件,还要对ScriptManager的属性稍微设置一下,如下列表4所示。

  列表4—在ScriptManager控件内配置脚本文件。

  <asp:ScriptManager ID="ScriptManager1" runat="server" >

  <Scripts>

  <asp:ScriptReference Path="ImageButton.js" />

  </Scripts>

  </asp:ScriptManager>

  现在,请按F5键运行此页面观察结果即可。下图5相应于当鼠标移动到图像按钮上时发生的变化(你还可以点击之自行观察效果)。

  探讨微软ASP.NET AJAX控件开发技术(客户端)

来源:IT168    作者:朱先忠    责编:豆豆技术应用

正在加载评论...