ajax toolkit study

关于Ajax.net Control Toolkit的一点笔记,边看边测试,边写..

之前就已经下了Ajax.net Control Toolkit,当时只是看了看没去仔细研究下,今天在cnblog上看了几篇文章,才发现它的cool,哈,于是就马上打开来研究研究下.现学现卖了咯.

既然是笔记,就写的完整点,按学习顺序咯,这篇算是开篇了;

首先是环境配置:vs2005,然后装个ajax扩展,微软早先已经发布了完整版本1.0的(没记错的话),然后就是到ajax.net的官方网上下载最新的Ajax.net Control Toolkit,现在最新的版本是AjaxControlToolkit 1.0.10606.0的,不过我的好像早先的不是最新的撒,都没看到新增的toolscriptmanage.这里预先说明下scriptmanage是ajax.net框架的基础控件,每个页面一定要有的(注释暂时只能给这些,因为自己也还不能清楚解释这个机制).解压出来的AjaxControlToolkit下有个sample,里面就是微软提供的ajax控件的范例,今天看了后感觉相当的爽,哈,就是一个字,好.好用嘛.呵呵.继续正题,在目录下有个.vsi的模板文件,点击它安装预定义的AjaxControlToolkit模板,省得自己配置config,自己写是相当麻烦(也可能是我还看不大明白^-^).安装好之后,添加AjaxControlToolkit.dll的引用,顺便也在工具卡里添加进去,会有非常多个选项,出来的工具箱的控件都是extender..提供这些控件的扩展应用.

准备好这些之后,就可以了,额,可以自己写了...哈,自己随便测试下咯.

下面是我对各个控件用途的整理,因为是初识,所以就做下整理,方便今后选择使用,运行SampleWebSite下的项目,可以对每个控件有个清楚的了解:

Accordion   可以在客户端生成一个js效果的折叠文本区,多个可折叠的文本,这里并不存在ajax的特性,只不过是微软给你生成了一个符合标准的js,提供了几个属性供你控制文本显示,和折叠效果,<content><%getMessage(int)%></congtent>用这个它提供的标签来控制其内容,这个效果我个人是很喜欢的,省去了编写js的繁琐.

AlwaysVisibleControl  控件同样是一个js效果,类似浮动的div块,随屏幕滚动的,就跟它的名字样,always visible,总是显示的,提供一个设置位置的属性,来控制显示位置.在它的说明里看到一个话"ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. "的确是如它所说,提供了非常自由的个性化设置,同时又是免费的框架,nice!

Animation  这个控件的例子,刚一看的时候觉得怪怪的,一个按钮,点击后弹出一个块,百度了下,结果居然找到一个这样的解释:" Animation控件允许你创建显示动画的按钮,如点击一个按钮播放一个.avi文件。该控件只能播放没有声音的.avi文件,并且Animation控件只能播放解压缩的或使用RLE(行程长度编码,Run-Length Encoding)压缩的.avi文件。

",这个单词的意思是动画,那这个控件应该就是提供了一个动态生成某个模块的扩展吧,额,说的很牵强..还是继续研究下吧.

AutoComplete  顾名思义,就是自动完成,经典的ajax应用,之前的好几个框架下都有对它的实现,就不多说了,好东西!

Calendar Calendar Demonstration,一个动态的文本框加日历控件,作用自然很明显,也是典型的.net的应用了.只是感觉这个模型的速度的确差强人意.

CascadingDropDown  一个级联菜单控件,也是典型ajax应用了.不多说.记住就是了.

CollapsiblePanel  一个自动填充的panel块,感觉效果和Accordion类似,都是一个折叠文本区,不过它加入了ajax实现,内容是动态提取的.(我是观察运行发现的,实例代码里看不大明白,还不熟悉..)

ConfirmButton 提供一个js的confirm效果.一个话:给你省事;

DragPanel 提供一个有滚动条的div块.蛮好看的.

DropDown 示例给出的是一个动态的下拉框,改变选项后,根据内容刷新一条文本.

  <asp:UpdatePanel runat="server">

            <ContentTemplate>

                <asp:Label runat="server" Style="padding: 5px;" />

            </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" />

                <asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" />

                <asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" />

            </Triggers>

        </asp:UpdatePanel>

这是其中实现无刷的主要模块,看到这里我才感觉到这个框架的大致.不然说实话,越往下说,越觉得前面说的都是错的...

DropShadow 又是一个效果,阴影效果..很诧异的说..额 还剩好多没讲....汗 继续...

DynamicPopulate

[System.Web.Services.WebMethod]

       [System.Web.Script.Services.ScriptMethod]

    public static string GetHtml(string contextKey)

    {}使用这2个属性,让我想到ajaxpro框架的[ajaxpro.method],大概这个就是类似的实现,一个小翻版 哈.

FilteredTextBox   在客户端输入一个基于正则表达式的js应用.

HoverMenu 这个效果正好类似网易博客的到处都出现的修改模式,点击之后就能即时编辑.nice.

ListSearch (New!)  一个基于list表的选择查找,对这个例子不是很感兴趣,不多说了;

MaskedEdit 定义了非常有意思的文本框,获得焦点后能根据其预定义的类型显示出文本特性,象日期等,会出现相应的格式和输入限制,蛮好用的.

ModalPopup

MutuallyExclusiveCheckBox

NoBot

NumericUpDown

PagingBulletedList

PasswordStrength

PopupControl

Rating

ReorderList

ResizableControl

RoundedCorners

Slider

SlideShow (New!)

Tabs

TextBoxWatermark

ToggleButton

UpdatePanelAnimation

ValidatorCallout

其实这个控件的使用都可以基于多种框架来应用它,以实现ajax体验,范例给的是相当经典了,微软的东西.个人就是比较喜欢,呵呵.一口气写了那么多,还是写不完,今后补上!感觉说的东西错误是蛮多的,都是个人理解.

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值