AJAX Control Toolkit 控件学习
ToggleButton |
关联ASP.NET CheckBox控件 |
|||||||||||||||||||
RoundedCorder |
造就圆角框 |
|||||||||||||||||||
PasswordStrength |
TextBox中输入数据长度,以及限制;非常智能,有提示图 |
|||||||||||||||||||
DropShadow |
造就了照片的背影效果。 |
|||||||||||||||||||
ScrollManagerProxy |
同一页中只允许一个ScriptManager情况下,使用它来作为第二个ScriptManager |
|||||||||||||||||||
HoverMenu |
提供弹出式菜单。 |
|||||||||||||||||||
FilteredTextBox |
关联TextBox,可以确保其内只输入数字,小写字母,或其他自定义规则 |
|||||||||||||||||||
|
||||||||||||||||||||
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!!] |
|||||||||||||||||||
|
||||||||||||||||||||
AlwaysVisible |
效果:使含内容的某个panel可以在网页上一直可见,即随滚动条滚动 |
|||||||||||||||||||
ModalPopUp |
弹出式panel,可以进行某些操作。控制Panel 注意: (1)Style="display: none" (2) .modalBackground { background-color:Gray; //控制当弹出按钮后,主界面的可视度 filter:alpha(opacity=70); opacity:0.7; } |
|||||||||||||||||||
|
||||||||||||||||||||
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> <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达此效果 |
讲了怎样使用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,主要属性如下:
|
|||||||||||||||||||