AJAX Control Toolkit 控件学习
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 的实现原理。 | <!--[if !supportLists]-->(1) <!--[endif]-->Ajax访问WebService,使用javascirpt,并非直接去访问webservice,而是访问Asyn WebService Proxy。 <!--[if !supportLists]-->(2) <!--[endif]-->在WebConfig的HttpHandlers中,去除默认的WebService调用,而是使用ScriptHandlerFactory来调用。 <httpHandlers> <removeverb="*"path="*.asmx"/> <addverb="*"path="*.asmx"validate="false"type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> <addverb="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> <!--[if !supportLists]-->(3) <!--[endif]-->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 | <!--[if !supportLists]-->(1) <!--[endif]-->扩展了DropDownList服务器控件 <!--[if !supportLists]-->(2) <!--[endif]-->实现了多级服务器控件联动效果 <!--[if !supportLists]-->(3) <!--[endif]-->DropDownList内容可从XML或数据库中读取[方法见附件2] <!--[if !supportLists]-->(4) <!--[endif]-->注意: CascadingDropDownProperties,主要属性如下:
|