您的位置：首页 > 其它

AJAX Control Toolkit 控件学习

2007-01-05 23:22 471 查看

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的验证控件RequiredFieldValidator和RangeValidator

NetWorkCalls

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

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

//此处HelloWorld实际上并不是调用的WebService中HelloWorld的方法，

//而是调用的Proxy ？？？，他有多余的参数

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

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

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

Accordion

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

2007-1-17

AlwaysVisible

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

ModalPopUp

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

注意：

（1）Style="display: none"

（2）

.modalBackground {

background-color:Gray;

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

filter:alpha(opacity=70);

opacity:0.7;

}

2007-1-18

PopUpControlExtender

单击某一TextBox弹出一选择框，如RadioButtonList、Calender等。

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

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

注意：

（1）设置RadioButtonList的AutoPostBack="true"。

（2）在代码文件中using AjaxControlToolkit;

（3）CommitProperty="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） 在WebConfig的HttpHandlers中，去除默认的WebService调用，而是使用ScriptHandlerFactory来调用。

<httpHandlers>

<removeverb="*" 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达此效果

讲了怎样使用AJAX，及其局部刷新的效果。若要升级至AJAX，需要对Web.Config添加一些内容如下：

<system.web>

<httpHandlers>

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

<add
verb="*" path="*.asmx" validate="false"
type="Microsoft.Web.Script.Services.ScriptHandlerFactory,
Microsoft.Web.Extensions, Version=1.0.61025.0,

Culture=neutral,
PublicKeyToken=31bf3856ad364e35"/>

<add
verb="GET" path="ScriptResource.axd"

type="Microsoft.Web.Handlers.ScriptResourceHandler"
validate="false"/>

</httpHandlers>

<httpModules>

<add
name="WebResourceCompression"

type="Microsoft.Web.Handlers.WebResourceCompressionModule,
Microsoft.Web.Extensions, Version=1.0.61025.0,

Culture=neutral,
PublicKeyToken=31bf3856ad364e35"/>

<add
name="ScriptModule"

type="Microsoft.Web.UI.ScriptModule,
Microsoft.Web.Extensions, Version=1.0.61025.0,

Culture=neutral,
PublicKeyToken=31bf3856ad364e35"/>

</httpModules>

</system.web>

CaseCadingDropDown

（1）
扩展了DropDownList服务器控件

（2）
实现了多级服务器控件联动效果

（3）
DropDownList内容可从XML或数据库中读取[方法见附件2]

（4）
注意：

CascadingDropDownProperties，主要属性如下：

属性	说明
TargetControlID	指定要扩展的DropDownList的ID
Category	DropDownList表示的类别名称，在WebMethod中会用到
PromptText	没有选择时显示的文字
LoadingText	加载数据时显示的文字
ServicePath	获取数据的Web Service，为每个DropDownList都要指定
ServiceMethod	获取数据的Web Method
ParentControlID	要扩展的DropDownList的父控件ID
SelectedValue	默认的选择项的值

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航