AJAX Control Toolkit tabs 的纯Javascript演示

======================================================
注：本文源代码点此下载
======================================================

ajax control toolkit tabs 的纯javascript演示

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

标签零

标签一

标签二

标签三

1

11

111

1111

11111

2

22

222

2222

22222

3

33

333

3333

33333

4

44

444

4444

44444

运行结果: 在这显示结果

容器部分属性方法

标签属性方法

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重典 阅读(5376) 评论(16)编辑 收藏

发表评论

991719

回复 引用 查看

#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 | 武眉博

收藏~

回复 引用 查看

#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 | 邹健

@武眉博

谢谢支持

回复 引用 查看

#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不需要其它的框架就可以比较容易的做出来,用框架只是引进了对象的概念,可能以后好修改或者说是扩展吧,但无疑其体积就庞大了不少,而且代码也复杂了,真是矛盾啦

注册用户登录后才能发表评论,请 登录 或 注册,返回博客园首页。

首页博问闪存新闻园子招聘知识库

最新it新闻:

·android平台12月广告浏览份额51.6% 超越ios

·测试版ios源代码显示ipad 3或将支持siri

·斯蒂芬·霍金的新电脑

·京东商城2.95亿竞得北京商业地一块

·美报业巨头合作facebook谷歌 传媒重视网络网络

» 更多新闻...

最新知识库文章:

·javascript 面向对象编程

·持续集成之“everything is code”

·持续集成之“软件自我识别”

·持续集成之戏说check-in dance

·什么是闭包。
       我的理解

» 更多知识库文章...

china-pub 2011秋季教材巡展

china-pub 计算机绝版图书按需印刷服务

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/