2个ASP.NET Ajax 的示例

毫无疑问,ASP.NET Ajax 框架是创建WEB站点或者让WEB站点支持AJAX技术的捷径. 这2个示例能让你更快的了解ASP.NET AJAX 内的一些控件.

The 2 example is :

1. An Ajax Guest Book
2. A Music List

注意所有的示例需要adokeycap 1.02 不过代码中已经包含了

1. An Ajax Guest Book

这个留言本的所有操作都是无刷新的(无页面级别的刷新)
如果你要写新留言,可以在下面这样的窗口中完成 .写留言的窗口可以拖动,并可以验证你的输入

 

红色的X 连接可以删除留言,并给出确认窗口.

这个事例包含了下面一些技巧

1. 无刷新的执行按钮的服务器端代码在ModalPopup控件中
2. 在一个Modal窗口中使用PopupControlExtends.

这个示例用到了下面这些ASP.NET Ajax 组件:

1. ScriptManager
2. UpdatePanel
3. RoundedCornersExtender
4. ModalPopupExtender
5. TextBoxWatermarkExtender
6. ValidatorCalloutExtender
7. PopupControlExtender

2. A Music List

所有的操作都是无刷新的(无页面级别的刷新)
你可以通过拖放来让音乐列表的顺序改变.

当鼠标移过,会显示出详细的信息. 同时可以对音乐进行评分

 

这个示例用到的技巧有 

1. 自动保存ReorderList中项目的位置到数据库

这个事例用到了下面一些ASP.NET Ajax 组件 :

1. ScriptManager
2. UpdatePanel
3. PopupControlExtender
4. ReorderList
5. RatingExtender

下载地址:
www.yorkzhang.cn下载
style="BORDER-RIGHT: #dde5e9 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #dde5e9 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #dde5e9 1px solid; WIDTH: 240px; PADDING-TOP: 0px; BORDER-BOTTOM: #dde5e9 1px solid; HEIGHT: 66px; BACKGROUND-COLOR: #ffffff" marginwidth="0" marginheight="0" src="http://cid-9c06b1b10307eb3b.skydrive.live.com/embedrowdetail.aspx/ASP.NET%20Files/2%20Example%20about%20ASP.NET%20Ajax" frameborder="0" scrolling="no">
或本地下载
http://www.cnblogs.com/Files/yueue/ajaxdemoGB.rar
http://www.cnblogs.com/Files/yueue/ajaxdemoML.rar 

 

http://www.cnblogs.com/yueue/archive/2007/11/28/975928.html