![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax
ji18718
这个作者很懒,什么都没留下…
展开
-
Ajax 控件安装
<br />首先声明这篇文章不是俺写的,我也是要用到AJAX控件,上网上查的<br />AjaxControlToolkit 微软出的ajax.net 工具使用教程一 (游陆原创) <br />web2.0横空出世,ajax首当其冲,今天做web的如果再不学点ajax的话,就显的落伍了,而学ajax的用的环境如果是asp.net,那ajax.net你就不得不学了。首先就是环境的配置,如下<br />vs2005+sql2005+Winxp sp2+ie6.0+Office2003<br />工具下载 <b转载 2010-06-24 17:31:00 · 500 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十六:使用DropDownExtender
<br /><br />本章主要介绍DropDownExtender的使用方法。以前要做一个带DropDownList的TextBox控件可是大费周章,脚本代码一大堆,而且还要兼顾和后台的交互,否则只能做静态的DropDownList。但现在有了DropDownExtender,一切烦恼迎刃而解。<br />第一步:建立Ajax Control Toolkit Website<br />本例子需要一个TextBox控件、N个LinkButton控件、一个DropDownExtender组件和一个Update转载 2010-06-09 22:30:00 · 449 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十五:使用AutoCompleteExtender
<br /><br />本章介绍AutoCompleteExtender的使用方法。用过Google的朋友都会发现,当我们在搜索框输入关键字的时候,Google会自动列出相关关键字提示。那么用Ajax.net也能做到么?答案是:Of course!<br />第一步:建立AJAX Control Toolkit Website<br />本例子只需要一个TextBox控件和一个AutoCompleteExtender组件。拖进设计界面后代码如下所示:<asp:TextBox ID="TextBox1" ru转载 2010-06-09 22:29:00 · 280 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十五:使用AutoCompleteExtender
<br /><br />本章介绍AutoCompleteExtender的使用方法。用过Google的朋友都会发现,当我们在搜索框输入关键字的时候,Google会自动列出相关关键字提示。那么用Ajax.net也能做到么?答案是:Of course!<br />第一步:建立AJAX Control Toolkit Website<br />本例子只需要一个TextBox控件和一个AutoCompleteExtender组件。拖进设计界面后代码如下所示:<asp:TextBox ID="TextBox1" ru转载 2010-06-09 22:28:00 · 317 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十四:使用CalendarExtender
<br /> 本章主要介绍CalendarExtender的使用方法。CalendarExtender组件比.net原来自带的Calendar控件效果更Cool,使用方法也丰富了很多。<br />第一步:建立AJAX Control Toolkit Website<br />为了演示CalendarExtender丰富的使用方法,本例子一共使用了两个TextBox控件、一个Image控件和两个CalendarExtender组件。我会通过两个TextBox演示CalendarExtender两种不同的使用方转载 2010-06-09 22:27:00 · 430 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十三:使用HoverMenuExtender
<br /><br />本章主要介绍HoverMenuExtender的使用方法。我们以前要做一个js下拉菜单会很麻烦,不但要写很多代码,而且写出来的代码不好管理,扩展性也很难做到很好。但现在我们有了HoverMenuExtender,一切都将迎刃而解,我们的口号是:不编码!<br />第一步:建立AJAX Control Toolkit Website<br />本例子只需要一个Panel控件、N个Linkbutton控件和一个HoverMenuExtender组件,把他们都拖进设计界面,代码如下所示:<转载 2010-06-09 22:25:00 · 403 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十一:使用DynamicPopulateExtender
<br /><br />本章主要介绍DynamicPopulateExtender的使用方法。DynamicPopulateExtender提供了一种动态效果,能通过WebService或访问服务器端代码获取一段HTML文本,并替换掉目标控件上原来的内容。<br />第一步:建立AJAX Control Toolkit Website<br />为了方便解说,本例子只使用了很少的控件,包括:两个HtmlInputRadio控件,一个Panel控件和一个DynamicPopulateExtender组件。所有转载 2010-06-09 22:18:00 · 231 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十:使用CollapsiblePanelExtender
<br /><br />本章主要介绍CollapsiblePanelExtender的使用方法。CollapsiblePanelExtender和上一章的Accordion有些类似,也是可以控制指定区域的缩放。但Accordion是管理一个区域群,群中每个区域之间能够产生互动,关闭一个能打开另一个,而CollapsiblePanelExtender主要是控制单个区域的缩放。<br />第一步:建立AJAX Control Toolkit Website<br />在这个例子里我们主要需要两个Panel控件和转载 2010-06-09 22:17:00 · 250 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程十:使用CollapsiblePanelExtender
<br /><br />本章主要介绍CollapsiblePanelExtender的使用方法。CollapsiblePanelExtender和上一章的Accordion有些类似,也是可以控制指定区域的缩放。但Accordion是管理一个区域群,群中每个区域之间能够产生互动,关闭一个能打开另一个,而CollapsiblePanelExtender主要是控制单个区域的缩放。<br />第一步:建立AJAX Control Toolkit Website<br />在这个例子里我们主要需要两个Panel控件和转载 2010-06-09 22:17:00 · 267 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程九:使用Accordion
<br /><br />本章介绍AJAX Control Toolkit中的Accordion组件的使用方法。Accordion翻译成中文是可折叠的意思,如果你想在一个页面里显示多篇文章,但又不想分页或把页面撑得太长,那么你就应该用Accordion了。它能折叠或展开文章区域,维持页面美观的同时还能增强用户体验。<br />第一步:设置Accordion组件<br />在这个例子里我们只需要一个Accordion组件、N个AccordionPane组件以及N篇演示文章。首先我们先拖进一个Accordion组转载 2010-06-09 22:16:00 · 269 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程八:使用AlwaysVisibleControlExtender
<br /><br />本章介绍AlwaysVisibleControlExtender的使用方法,AlwaysVisibleControlExtender是一个非常简单的组件,不用编码只需简单的设置就可使用。大家可能还不知道什么是AlwaysVisibleControlExtender,但大家一定见过漂浮在网页两边,跟随着滚动条滚动的悬浮广告。对了,AlwaysVisibleControlExtender能使你轻松实现相同的效果,而不需编写任何JS代码。<br />第一步:建立AJAX Control T转载 2010-06-09 22:15:00 · 290 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程七:使用ModalPopupExtender
<br /><br />上一章我们介绍了怎样使用PopupControlExtender,本章我们介绍ModalPopupExtender的使用方法。大家从名字就能看出这两个组件很相似,因此它们的使用方法也是大同小异的。上一章有关PopupControlExtender的介绍有很大部分也适用于ModalPopupExtender,只是它们所产生的效果不同而已,但机制是类似的,因此在本章不再重复介绍一些关键名词,我们只简单介绍ModalPopupExtender的使用方法。如有疑问请查看:轻松掌握Ajax.n转载 2010-06-09 22:14:00 · 419 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程六:使用PopupControlExtender
<br /><br />PopupControlExtender是一个可以控制Popup载体的组件,它本身并不会产生Popup控件,它的作用是控制Popup载体,例如panel,div等的显示、消失并获得Popup载体中控件的返回值,返回到目标控件中去。下面我们一齐来学习一下PopupControlExtender的使用方法。<br />第一步:建立AJAX Control Toolkit Web Site<br />要使用PopupControlExtender我们要使用AJAX Control Tool转载 2010-06-09 22:12:00 · 347 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程五:使用TextBoxWatermarkExtender
<br /><br />TextBoxWatermarkExtender是一个很简单的组件,它能为TextBox控件加上提示信息,方便你向用户作出相关的输入提示,而且不占用地方,不会影响布局。<br />第一步:建立网站,添加相关控件<br />我们拖进两个TextBox控件和一个TextBoxWatermarkExtender组件,一个使用TextBoxWatermarkExtender而另一个不用,方便大家作对比。<br />第二步:设置TextBoxWatermarkExtender的属性<br />转载 2010-06-09 22:11:00 · 307 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程四:用Ajax.net实现客户端回调(Callback)
<br /><br />本章主要介绍怎样用Ajax.net实现Callback技术。大家都知道Callback技术是Asp.net 2.0的新技术,它是Ajax.net出来之前的一个过渡技术。使用它也能实现类似Ajax般的无刷新技术,但是由于使用比较麻烦,限制比较多,当Ajax.net框架出来之后Callback技术就被冷落了。但所有技术都有它存在的价值和意义,在某些时候,特别是小型数据传输的时候,使用Callback技术比用Ajax效率更高,而且在Ajax.net框架下使用Callback技术,页面不用继转载 2010-06-09 22:10:00 · 227 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程三:使用CascadingDropDown组件
<br /><br />这次我们学习使用AjaxControlToolkit中的CascadingDropDown组件。CascadingDropDown主要是控制数个普通的DropDownList控件,并使它们产生无刷新的级联效果。最常见的用法例如选择地理位置,我们要先选取国家,才能进一步选取所选国家的省份,然后才是城市如此类推。学会CascadingDropDown组件将会大大简化我们开发无刷新级联下拉菜单的流程。<br />第一步:建立Xml文件和WebService<br />为了方便我们使用了Xm转载 2010-06-09 22:09:00 · 320 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程二:部署Ajax Control Toolkit
<br /><br /><br />要使用好Ajax.net,就要学会灵活运用Ajax.net所提供的Ajax Control Toolkit。该控件包提供了很多使用效果很炫的控件,有了它你能轻松打造一个Ajax网站。从本章开始,我们一起来学习怎样使用Ajax Cotrol Toolkit中的所有控件。<br />第一步:创建Ajax Toolkit模板<br />大家应该有印象,当我们成功安装了Ajax扩展包之后,VS.net的模板中就多了一个Asp.net Ajax-Enabled Web Site的模转载 2010-06-09 22:07:00 · 297 阅读 · 0 评论 -
轻松掌握Ajax.net系列教程一:部署AJAX.NET
本系列文章其实算不上教程,只能算是在下的学习笔记。所有内容均取自ASP.NET开发队的Joe Stagner所做的"How Do I?"系列视频教程。在下面的讲解里我会列出所对应的视频教程,有能力的朋友可以自行观看,如果觉得听不懂老外说啥,也可以来参考一下我的学习笔记。本系列文章主要介绍Ajax.net的使用方式,重点介绍Ajax.net的工具包Ajax-Toolkit中各种控件的使用方法。这里就不再重复什么是Ajax.net以及它的光辉历史了,我们直接开始。第一步:安装Ajax.net。安装Ajax.ne转载 2010-06-09 22:04:00 · 367 阅读 · 0 评论 -
ajax 无刷新验证
这是一个据说用了ajax 写的验证功能 对于ajax 就是用了一个控件 其他功能主要都是通过js 加 后台写的先在母版页添加然后再子页添加 //js代码#:var imgName;function CheckUserName(){ var userName = $get("UserName").value; //$get("UserName")其实是document.getElementById("txtUserName") imgName = "checkusername原创 2010-06-18 10:15:00 · 392 阅读 · 0 评论