WEB开发网: 一、 简介 ASP.NET AJAX框架为开发者提供了三种方案用于扩展该框架的客户端功能:行为,可视化组件及非可视化组件。这三类组件分别对应于Sys.UI.Behavior,Sys.UI.Cont
赞助商链接
中资源
>> 最新文章
>> 赞助商
>> 热门文章
WEB开发网文章阅读

开发ASP.NET AJAX客户端定制行为

作者:未知 文章来源:WEB开发者 更新时间:2008-2-6 21:26:25

一、 简介

    ASP.NET ajax(动态网站静态化)框架为开发者提供了三种方案用于扩展该框架的客户端功能:行为,可视化组件及非可视化组件。这三类组件分别对应于Sys.UI.Behavior,Sys.UI.Control及Sys.Component。因为在以前的文章中,对这三个概念有细致介绍,所以在此不再赘述。但是,我们还是有必要再回顾一下其间的关系图,如下图1所示。

点击查看大图
  • asp.net 实现购物车详细代码
  • 从零开始学ASP.NET(基础篇)
  • ASP.NET 2.0中Gridview控件高级技
  • ASP.NET程序中常用的三十三种代码
  • ASP.NET中使用TreeView控件
  • 在ASP.NET 2.0中实现数据的绑定
  • ASP.NET2.0+sql server(WINDOWS平台上强大的数据库平台)2005构建多
  • 用ASP.NET 2.0实现ajax(动态网站静态化)风格的Web开
  • ASP.NET Web应用程序的简单ajax(动态网站静态化)
  • ASP.NET2.0数据库入门之sql server(WINDOWS平台上强大的数据库平台)

图1—MS ajax(动态网站静态化)框架提供的组件、行为与控件继承关系图。


   
     在本文中,我们将基于MS ajax(动态网站静态化)客户端技术构建一个定制的行为—MyHoverBehavior(鼠标悬浮行为)。

二、 使用定制的鼠标Hover行为

    你可以把本文创建的定制行为MyHoverBehavior应用到任意的HTML控件上,允许指定当用户的鼠标悬停在该控件上时引发的动作。譬如,你可以把这个行为应用于如下典型场所:实现自定义的工具提示、上下文菜单以及智能标签等。图2及图3分别展示了本文示例程序的两个运行时刻快照。

点击查看大图

图2—本文示例程序运行时刻快照1



   当你在图2中呈黄色底纹的<DIV>元素上移动鼠标时,你会观察到如下图3所示的快照。

点击查看大图

图3—当你在黄色底纹的<DIV>元素上移动鼠标时的屏幕快照(此时悬浮行为起作为,相应的<DIV>元素的CSS样式发生改变)。



   在上面的两个屏幕快照中下方似乎多出了一个矩形,其实这是MS ajax(动态网站静态化)框架推荐的一种JavaScript代码调试技术,即在页面HTML代码中嵌入一个特有的id为‘TraceConsole’的<textarea>元素。这样以来,Sys.Debug.trace及Sys.Debug.traceDump等语句的输出都会显示于此元素内,极大地方便了脚本代码的调试。专题:http://www.cncms.com.cn/ajax(动态网站静态化)/j396381.html

[1] [2] [3] [4]  下一页

百度搜索中共有相关主题
[阅读:次] [返回上一页] [打 印]
  • 相关文章
  • 本类热门