IT教程 | 加入收藏 | 简体 | 繁体
Tangram教程:JavaScript...JQuery教程ExtJS教程Tangram教程Ajax教程
当前位置: 首页 > Js+Ajax > Tangram教程

baidu.ui.Tab Tab标签组

2012-07-23来源:[www.121ask.com]热度:0℃ 【字体:

baidu.ui.Tab

Tab标签组,说明:该组件继承于baidu.ui.ItemSet,相关的方法请参考ItemSet

  语法: new baidu.ui.Tab(options)  

返回值:<instance> 实例对象

    参数

<Object> * options 选项
<Array> * options.items 数据项,格式如:[{head: 'text-0', body: 'content-0'}, {head: 'text-1', body: 'content-1'}...]

实例方法

<void> insertItemHTML(...) 插入item html
<void> dispose() 销毁实例的析构

 实例:

<body>
 
<div style="padding:30px"><div id="target" style="width:300px;height:200px"></div></div>
 
</body>
 
<script type="text/javascript">
 
var instance = new baidu.ui.Tab({items: [ { head: "label1", body: "<p>欢迎使用Tangram!</p>" }, { head: "label2", body: "<p>这是Tangram的Tab控件!</p>" }, { head: "label3", body: "<p>谢谢使用!</p>" } ], switchType: "click" });
 
instance.render("target");
 
/*
 
(function(c2,i2){
 
  instance.insertItemHTML(baidu.json.decode(c2),parseInt(i2));
 
})('{head:"新项",body:"新项内容"}','1');
 
*/
 
//提示:您可以使用注释中的代码进行演示
 
</script>

 

以上IT文章《baidu.ui.Tab Tab标签组》由名客技术网[www.121ask.com]提供阅读!
推广信息
推广信息
名客技术网是一个免费为广大IT技术人员提供IT教程,绿色软件,asp/php/jsp/java/net等实例视频教程,CMS教程,破解软件下载以及学习相关源码、知识的IT网站。
名客技术网如果无意之中侵犯了您的版权,请来电告知,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2017 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-3