下载完毕解压后,运行/AjaxControlExtender/AjaxControlExtender.vsi进行安装。
安装完毕后,运行Visual Studio 2008 Team Foundation。打开此文件夹下的SampleWebSite网站,运行后会看到一个和http://www.asp.net/ajax/ajaxcontroltoolkit/samples/一样效果的演示页面。AjaxControlToolkits一共有常用的34个Ajax控件都可以在这里进行体验。
废话不多说,下面我说如何在VS的工具栏中添加常用的AjaxControlToolkits。在工具箱右键单击,新建选项卡,命名为AJAX Control Toolkits。而后在新建的选项卡右键单击选择项,浏览找到SampleWebSite下的Bin中的AjaxControlToolkit.dll确定,这样所有控件就都会在选项卡中显示了。
当您在页面中拖入一个AJAX控件时,会发现有两个变化。一是对象资源管理器的Bin目录中添加了很多的AjaxControlToolkit的引用,包括AjaxControlToolkit.dll和AjaxControlToolkit.pdb。另外在页面的前台代码中会有一条注册语句出现:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
其中TagPrefix标签是可以修改的,其余不建议更改。
以上是我博客上的http://blog.sina.com.cn/maxmartin
我写个大概意思,不知道是不是你要的。假如你左边三个div的id分别是div1、div2、div3,右边div的id是div4
$("#div1").click(function(){
$.ajax({
url : "...", //向后台请求数据的url
type : "POST", //请求类型,你这里对数据处理,一般选择POST
data : {}, //向后台传递的参数,不需要参数,可以不写
dataType : "json", //将返回的数据转换成json数据,也可以是text或html,看你自己需求
success : function(data){
//这里就是你对数据的处理,data即返回的数据
//div动态显示数据,可以用jquery的html()或text()方法向div动态添加元素,当然,使用方法前,先要清空div,用empty()方法就OK了,例如:$("#div4").html("123")
},
error : function(){
alert("报错")
}
})
})
div2和div3点击都一样,写个ajax,主要就是对数据的处理
ScriptManager控件。为ajax技术提供底层支持的控件是ScriptManager控件。ajax技术是在2005年被JesseJamesGarrett提出的新术语,用来描述一种使用现有技术集合的新方法。欢迎分享,转载请注明来源:夏雨云
评论列表(0条)