现在的位置: 首页 > 综合 > 正文

AJAX Control Toolkit 控件学习

2013年06月25日 ⁄ 综合 ⁄ 共 2343字 ⁄ 字号 评论关闭

2006-1-16























ToggleButton

关联ASP.NET CheckBox控件

RoundedCorder

造就圆角框

PasswordStrength

TextBox中输入数据长度,以及限制;非常智能,有提示图

DropShadow

造就了照片的背影效果。

ScrollManagerProxy

同一页中只允许一个ScriptManager情况下,使用它来作为第二个ScriptManager

HoverMenu

提供弹出式菜单。

FilteredTextBox

关联TextBox,可以确保其内只输入数字,小写字母,或其他自定义规则

2007-1-16

DragPanel

创建可以拖动的窗体,好像有点问题,普通创建下没效果,在提供的demo中到可见

CollapsePanel

不错,可以创造出下拉的效果。关联对象<asp:panel>

DynamicPopulate

可动态显示服务器时间等应用。!!会使用到页内嵌的WebService代码。[学习]

ClientControls

讲了两个asp.net的验证控件RequiredFieldValidatorRangeValidator

NetWorkCalls

AJAX访问Web服务。视频讲了客户端调用WebService的实现原理及注意点,不错!!

Javascript通过调用Proxy来间接调用WebService

//此处HelloWorld实际上并不是调用的WebServiceHelloWorld的方法,

//而是调用的Proxy ???,他有多余的参数

[见当webservice.asmx在浏览器中查看,后缀加/js,就可以看到保存的文件里面的真正调用的HelloWorld方法的参数]

 varRet=NetWorkCallsWebService.HelloWorld(document.getElementById('Text1').value,

onComplete,onTimeOut,onError);//完成,超时以及报错

Accordion

效果不错。更优:最初下载第一个页签的内容,因为它最早展示给用户。然后可以再看第一个的时候,后台下载第234等多个。从而感觉很好。[I like it!!]

2007-1-17

AlwaysVisible

效果:使含内容的某个panel可以在网页上一直可见,即随滚动条滚动

ModalPopUp

弹出式panel,可以进行某些操作。控制Panel

注意:

1Style="display: none"

2

.modalBackground {

       background-color:Gray;

     //控制当弹出按钮后,主界面的可视度

       filter:alpha(opacity=70);

       opacity:0.7;

}

2007-1-18

PopUpControlExtender

单击某一TextBox弹出一选择框,如RadioButtonListCalender等。

选择完后动态在TextBox中显示结果。

可应用在弹出日期框,选择日期等。[见附件1代码]

注意:

1)设置RadioButtonListAutoPostBack="true"

2)在代码文件中using AjaxControlToolkit;

3CommitProperty="value"

CommitScript="e.value += ' - SEND A MEETING!';"

TextWaterMarkExtender

针对TextBox,实为扩展了它的功能,让TextBox带有水印提示。好!

选择TargetID后,会在相应的TextBox属性增加一项

Extenders:TextWatermarkExtender

EnableWebService视频

 

 

此视频讲了AJAX访问

WebServicer 的实现原理。

(1)      
Ajax
访问WebService,使用javascirpt,并非直接去访问webservice,而是访问Asyn WebService Proxy

(2)       WebConfigHttpHandlers中,去除默认的WebService调用,而是使用ScriptHandlerFactory来调用。

<httpHandlers>

                     <remove verb="*" path="*.asmx"/>

                     <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0,
Culture=neutral, PublicKeyToken=31bf3856ad364e35
"/>

                     <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions,
Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35
" validate="false"/>

</httpHandlers>

(3)      
AJAX ScriptManager
ScriptReference属性告诉JS调用的WebService的所在位置。

AddingAJAX视频

 

添加UpdatePanel达此效果

【上篇】
【下篇】

抱歉!评论已关闭.