我们来为我们的 toolbox 添加一些资源 , 这个要通过下载安装 asp.net ajax 工具包完成。登录 www.asp.net 点击 AJAX 按钮,然后找到 ASP.NET AJAX Control Toolkit 这一项,这里有两个版本可供选择,如果我们不想要任何源代码,只想用现成的控件,我们可以下载不包含源代码的版本。介是若想在某些地方调整一下源代码,就选择完整版,同意它的许可协议,然后下载 zip 文件,注意到这只是一个 zip 文件,没有 msi 安装程序,这一点和之前的微软 ajax 扩展不一样。

解压这个压缩文件,我们选择把这个工具包和asp.net ajax Extensions放在一起,因为那些准备用asp.net ajax开发的程序都会用到AJAX Control Toolkit.

解压完成后,我们就去看一下里面有些什么。首先是AjaxControlToolkit文件夹,这里面都是工具包中的控件。然后是SampleWebSite,里面包含了所有的演示,有每个控件如何使用的演示范例,还有很多还有一些详细指导,它可以教我们如何创建自定义控件扩展器等等。ToolkitTests是对AJAX Control Toolkit的完整测试,AjaxControlExtender可用来创建我们自己的扩展器,还有TemplateVSI,它可以为我们安装一些工程模版,比如制作自定义控件的模版,或默认使用AJAX Control Toolkit的模版。

现在我们来运行AjaxControlToolkit.sln这个解决方案,因为下载的是完整版,正常加载。现在要做两件事:一是编译这个VSI模版工程,右击TemplateVSI选择build,这样就可以安装这个模版了,编译这个项目只是提供一个模版,这样让你可以快一点开始工作。第二件事就是,向上翻找到SampleWebSite,在浏览器中预览它。范例网站就出现了,这里有非常丰富的资源,可以观看范例,了解如何使用这些控件扩展器。这里是一个了解如何使用这些控件的绝佳渠道。

下面,还有一些事要做,在AJAX Control Toolkit中的Binaries文件夹中有那个BuildVsi.dll文件,当你解压了文件后,实际的AJAX Control Toolkit.dll文件在SampleWebSite中的Bin文件夹里。因为我们安装了源文件,我们很可能会修改一些功能,然后就会有几个版本的工具包,我要复制一份最原始的dll文件,把它们放到AJAX Control Toolkit根目录下的Binaries文件夹中。这样就可以备份一份原始版本,AJAX Control Toolkit中的Binaries文件夹是一个放备份的好地方。然后我们打开TemplateVSI,我们风雨在visual studio里面编译过这个,所以有了这个我们可以更快的开始开发ajax工程。打开bin,双击这个VSI文件,它会安装所有的toolkit project temples 工具包工程模版。现在我们可以开始创建我们的第一个包含AJAX Control Toolkit的ajax网站了。

下面创建一个新的站点,现在有了这个AJAX Control Toolkit Web Site项目模版,如果不是完整版的Visual Studio你就没办法编译那个VSI文件,你就不会有这个模版。下面就来使用这个模版,切换到Default.aspx文件,我们就可以开始使用AJAX Control Toolkitk 中的控件了。我们看到ajax extensions的msi文件在工具栏中添加了这个工具集,但是因为AJAX Control Toolkit是一个zip文件,没有msi安装包,所以这里就没有相应的工具集。那么我们来自己建一个,右击工具栏,添加选项卡,起个名字叫AJAX Toolkit,在AJAX Toolkit里面再右击,“选择项目”,点浏览到解压缩的文件夹,若按照之前的操作,则这个文件夹就在C:/Program Files/Microsoft ASP.NET/ASP.NET 2.0 AJAX Extensions/AJAX Control Toolkit/Binaries,如果没有移动dll文件,那么它就在SampleWebSite中的Bin文件夹里,选择AJAX Control Toolkit.dll,打开,确定,就会看到刚才创建的AJAX Toolkit栏目里就会充满所有的AJAX controlToolkit控件。

下面切换到页面上,来做一个最简单的演示,来展示一下使用这些控件的开发模式。实际上,这里面的大部分都是扩展器(Extender),可以看见很多控件的名字都有”Extender”这个后缀。控件扩展器它实际是一个控件,它的作用就是添加动作,通常是客户端的ajax风格的动作,到已经存在的asp.net控件上,下面举一个简单例子感受一下。

拖一个标准的asp.net控件,如Button控件,添加一个TextBox输入,一个Label输出,接着双击按钮,创建一个Click事件处理器(ClickEventHandler)输入Label1.Text = TextBox1.Text;运行一下确保正确,然后我们把这个程序ajax化,使用AJAX controlToolkit中的一个扩展器。回到设计页面,从刚创建的选项卡AJAX Toolkit中选中Confirm Button Extender,把它放到页面上,出来的对话框只是告诉我们所需的dll已经存在于bin文件夹里,这是因为我们用AJAX controlToolkit项目模版创建了这个网站。选是。前面已经说了,控件扩展器的作用是扩展已经存在的asp.net控件的功能。选中页面上的Confirm Button Extender,看一下它的属性,有一个属性叫做TargetControlID。特定的控件扩展器是用来扩展特定种类的控件的,所以我可以在这个下拉菜单里看见,Confirm Button Extender是专门用来扩展Button控件的,所有在页面上的Button控件都会显示在这个下拉菜单里。选中Button1,这就是我们想要扩展的控件。现在如果我们选中刚才被设为了控件扩展器目标控件的这个按钮,去看看它的属性,因为我已经把这个按钮关联到了控件扩展器上,控件扩展器就为这个Button控件插入了一些新的属性。在这个例子中就只有一个,Extenders栏目里的Confirm Text属性。我们键入“Are you SURE?”这样,我们把这个扩展器绑定到了这个Button控件上,扩展器在Button控件的属性集里面注入了新的属性,我们设置了这个属性。运行程序点按钮之后会出现确定对话框,选取消,就什么都不做,点击确定,就会执行提交,服务器端程序就会执行。

 

开始使用asp.net ajax的控件工具包AJAX Control Toolkit相关推荐

  1. ajax时间控件,带有ajax的JQuery中的插件datetimepicker出错

    我尝试这样做,禁用所有日期并启用我通过参数传递的日期 这段代码不起作用 $.ajax({ method: "GET", url: "url", }) .succ ...

  2. ★★★【庖丁解牛:纵向切入Asp.net 3.5控件和组件开发技术系列—(1)读者序】★★★...

    本书主要内容 大部分开发人员在学习Asp.net的过程中都有这样的体会,使用Asp.net开发很多年,但仍然感觉对Asp.net技术的了解比较少,对知识点的了解比较模糊:以及,在工作过程中经常接到克刻 ...

  3. Ajax之三 Ajax服务器端控件

    视频课:https://edu.csdn.net/course/detail/27107 [学习目标] 理解并掌握ScriptManager控件的使用 了解ScriptManager控件的使用 理解并 ...

  4. 英文版资料[庖丁解牛—纵向切入Asp.net 3.5控件和组件开发技术]

    英文版资料[庖丁解牛-纵向切入Asp.net 3.5控件和组件开发技术] . Carving Up an Ox * Book Name <Carving Up an Ox: In-depth A ...

  5. 构建安全的 ASP.NET 网页和控件

    本页内容 本模块内容 目标 适用范围 如何使用本模块 威胁和对策 设计注意事项 输入验证 跨站点脚本 身份验证 授权 模拟 敏感数据 会话管理 参数处理 异常管理 审核和日志记录 小结 其他资源 本模 ...

  6. 【开源】QuickPager ASP.NET2.0分页控件V2.0.0.3 【增加了使用说明】

    ================================ 欢迎转载,但是请注明出处.本文出自博客园 .谢谢合作! ================================ 最新版本:V ...

  7. 用JS验证asp.net服务端控件

    可以用javascript来验证asp.net服务端的控件,不过目前只局限于验证textbox(输入框)不能为空的情况.还有一个前提条件是,提交按钮必须是html的控件,再加上一个runat=serv ...

  8. ASP.NET如何给控件增加属性?

    ASP.NET如何给控件增加属性? 今天xuedaonet给大家介绍提利用ASP.NET给控件增加属性的操作方法,请看下文! ASP.net给控件增加属性的思路 因为用户控件也是一个类,双城计中计20 ...

  9. jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

    博客分类: jquery-easyui jQueryAjax框架HTML  现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...

最新文章

  1. Cut the Sequence(POJ3017)
  2. Windows保护模式学习笔记(一)—— 段寄存器GDT表
  3. oracle z中rowid,oracle 10g中的ROWID
  4. 位运算的应用和分治法在二进制中的应用
  5. 理解js中的原型链,prototype与__proto__的关系
  6. class-感知机Perception
  7. 徽柏工业机器人_新松机器人股票(中国机器人公司排名是怎样的?)
  8. 20181211作业
  9. 分享三个免费的前端模板网站
  10. 高中开计算机课吗,高中信息技术课的开设意义和课程实施方法
  11. 全年营业额怎么计算_年度利润总额如何计算
  12. 【感恩节的小礼物】yagmail给家人朋友来一份含有温情的关心和推送吧~Python3自动发送暖心内容邮件。
  13. 《青玉案·元夕》——辛弃疾
  14. DAVIS: Densely Annotated VIdeo Segmentation
  15. no moudle named dlib
  16. html 关闭当前tab页面,js关闭浏览器的tab页(兼容)
  17. 操作系统春招面试复习之:操作系统概述
  18. 网络监测机器人 设备自动监测软件c#
  19. 英特尔下一任CEO预测:五大热门人选出炉
  20. 吴军:优秀的人,都有一些相似之处

热门文章

  1. Opengl-实例化(不知道为啥叫实例化,感觉应该叫一次批量渲染)
  2. 几种TCP连接中出现RST的情况
  3. LeetCode Add Digits(计算数位的和)
  4. jsoncpp使用中的总结
  5. CheckBox的使用(一):onCheckedChanged事件
  6. Scala --Actor通信模型概述
  7. Python 之Re模块(正则表达式)
  8. react过渡动画效果的实现,react-transition-group
  9. Javascript笔记02:严格模式的特定要求
  10. (转)FFMPEG解码H264拼帧简解