AJAX Control Toolkit tabs 的纯Javascript演示

本文纯为大家好好学习Ajax Controltoolkit而写,有不到之处希望大家提出,以免遗祸 众人

标签零 标签一 标签二 标签三

运行结果: 在这显示结果

容器部分属性方法

标签属性方法 ps:如从官方下载Ajaxtoolkit源代码中316行有笔误 this._headerTab.innerHTML应该改为this._header.innerHTML


源代码下载

说明:

前提文件:

MicrosoftAjax.js

/ExtenderBase/BaseScripts.js

/Common/Common.js

/DynamicPopulate/DynamicPopulateBehavior.js

namespace AjaxControlToolkit

|-------class TabContainer Tab的容器
字段
方法
initialize 初始化
dispose 销毁
属性
get_tabs 获得当前Tab的集合
getFirstTab 获取第一个Tab
getLastTab 最后一个
getNextTab 激活者的下一个Tab
getPreviousTab 上一个
getNearestTab 得到最近的一个Tab 如果Previous和Next都存在 优先取Previou
saveClientState 将当前所有Tab的状态存在预先设置的隐藏input
get_activeTabIndex 获取当前激活的Tab的index(index 默认以0开始
set_activeTabIndex(index) 以index激活某一Tab
et_activeTab 获取当前激活的Ta
set_activeTab 激活某一TAB
get_autoPostBackId 获取autoPostBackI
set_autoPostBackId 设置autoPostBackId
get_scrollBars 获取滚动条状态
set_scrollBars 设置滚动条
|
|-----class TabPanel Tab的类
属性
get_headerText 得到tab的显示的文本
set_headerText 设置tab的文本
get_headerTab 得到tab的表首部分,即点击部分
set_headerTab 设置tab表首部分
get_enabled 得到当前tab是否正在工作
set_enabled(value)设置是当前tab是否可用
get_owner得到当前tab的拥有者
set_owner设置当前tab的拥有者
get_scrollBars当前tab是否支持滚动
set_scrollBars(value) 为当前tab设置滚动条
get_tabIndex当前tab的index
get_dynamicContextKey//设置获取动态上下文,不明
set_dynamicContextKey
get_dynamicServicePath//设置获取动态webServices路径
set_dynamicServicePath
get_dynamicServiceMethod//设置获取动态webServices 的方法
set_dynamicServiceMethod(value)
方法
add_click(handler) 为当前tab增加该click事件
remove_click(handler) 当前tab移除该click事件
raiseClick 触发当前tab的click事件
add_populating(handler) //这两组方法不太清楚作用,请教高人
remove_populating(handler)
raisePopulating
add_populated(handler)
remove_populated(handler)
raisePopulated

 

posted @ 2007-10-07 12:13 重典 阅读(5386) 评论(16) 编辑 收藏

 回复 引用 查看   
#1楼2007-10-07 13:25 | 蔡晓冰      
呵。我用ajax的tab控件,提交不同的标签页,总显示同一标签内容。。

 回复 引用 查看   
#2楼2007-10-07 15:01 | S.Sams      
@蔡晓冰
得设置默认页标签, 系统是默认显示你在VS设计模式的选中页!

 回复 引用 查看   
#3楼2007-10-07 15:04 | 笑煞天      
好文章,不错!!!!

 回复 引用 查看   
#4楼2007-10-07 18:36 | 化外白狐      
有个问题真的很困惑,希望有朋友能帮我解决一下。用asp.net ajax调用web服务函数,例如,web服务函数为[WebMethod]
public string HelloWorld(string rrr)
{
return "Hello World";
}
如果客户端rrr超过400k左右大小,asp.net ajax根本不能将客户端信息递交到服务端,在客户端ie上信息提示:此页面上的脚本造成ie浏览器运行速度缓慢,您的计算机可能停止响应,是否停止?有没有可解决的办法?

 回复 引用 查看   
#5楼2007-10-08 09:00 | 菌哥      
不错,提个小建议,就是让鼠标移到标签上的时候,让指针形状变成"箭头"
 回复 引用 查看   
#6楼2007-10-08 10:05 | 武眉博<活靶子.Net>      
收藏~
 回复 引用 查看   
#7楼2007-10-08 12:47 | 吴祝明      
好!
 回复 引用 查看   
#8楼2007-10-08 14:32 | 曾哲      
不错
 回复 引用 查看   
#9楼[楼主]2007-10-08 16:07 | 邹健      
@笑煞天
多谢^^

 回复 引用 查看   
#10楼[楼主]2007-10-08 16:08 | 邹健      
@化外白狐
没有写过类似的代码,希望其它人可以解决^^

 回复 引用 查看   
#11楼[楼主]2007-10-08 16:08 | 邹健      
@菌哥
改了,不过是改成"小手"了.呵呵我觉得这个才比较合适

 回复 引用 查看   
#12楼[楼主]2007-10-08 16:09 | 邹健      
@武眉博&lt;活靶子.Net&gt;
谢谢支持

 回复 引用 查看   
#13楼[楼主]2007-10-08 16:09 | 邹健      
@吴祝明
谢谢支持

 回复 引用 查看   
#14楼[楼主]2007-10-08 16:10 | 邹健      
@曾哲
多谢~~^^

 回复 引用 查看   
#15楼2007-10-08 17:34 | 菌哥      
改成"小手"好,呵呵
 回复 引用 查看   
#16楼2007-12-12 09:43 | jasonoiu      
这种效果其实直接用javascript不需要其它的框架就可以比较容易的做出来,用框架只是引进了对象的概念,可能以后好修改或者说是扩展吧,但无疑其体积就庞大了不少,而且代码也复杂了,真是矛盾啦