惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
Y
Y Combinator Blog
aimingoo的专栏
aimingoo的专栏
B
Blog
小众软件
小众软件
D
DataBreaches.Net
T
The Blog of Author Tim Ferriss
L
LangChain Blog
WordPress大学
WordPress大学
罗磊的独立博客
GbyAI
GbyAI
S
SegmentFault 最新的问题
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
T
Tailwind CSS Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
月光博客
月光博客
IT之家
IT之家
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
雷峰网
雷峰网
美团技术团队
F
Fortinet All Blogs
Hugging Face - Blog
Hugging Face - Blog
The GitHub Blog
The GitHub Blog

博客园 - sunjt

将博客搬至CSDN 对JavaScript开发中困扰的思考 淘宝“蓝鲸计划”细节内容曝光 收编谷歌中国资源 工欲善其事,必先利其器——数据分析软件 15个优秀的Google提供给网站建立者的工具 关于考核的12个忠告 Gmail开始支持直接将桌面文件拖拽到Gmail附件 如何精简用户界面 为青海玉树地震遇难同胞默哀 网站变灰css滤镜代码 央行超级网银6月上线 第三方支付或可接入 后谷歌时代的中国互联网生态 在信息架构层次对比开心网和Facebook的设计 位置服务类产品的好友关系和激励机制探索 2009牛年春节祝福短信集锦 春运电话订票成功“秘诀” 单点登陆(SSO)组件的设计与实现一 [转载jillzhang] [导入]提升英语能力(之所以放在首页,希望对大家有用) Windows Communication Foundation介绍(四) Windows Communication Foundation介绍(三)
总结发布jQuery EasyUI 中文API—Layout(Tabs) - sunjt
sunjt · 2010-04-26 · via 博客园 - sunjt

Tabs【标签】

创建一个tab标签

使用说明

使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

HTML代码

  1. <div id="tt" style="width:500px;height:250px;">  
  2.     <div title="Tab1" style="padding:20px;display:none;">  
  3.         tab1   
  4.     </div>  
  5.     <div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;">  
  6.         tab2   
  7.     </div>  
  8.     <div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;">  
  9.         tab3   
  10.     </div>  
  11. </div>  

JQuery代码

  1.   
  2. $('#tt').tabs(options);   
  3.   
  4.   
  5. $('#tt').tabs('add',{   
  6.     title:'New Tab',   
  7.     content:'Tab Body',   
  8.     closable:true  
  9. });

Tabs Container特性说明

名称类型描述默认值
widthnumber标签容器宽度auto
heightnumber标签容器高度auto
idSeednumber应该是生成标签面板的基本id0
plainboolean设置true,标签栏显示背景false
fitboolean设置true,自适应父集容器大小false
borderboolean标签容器边框true
scrollIncrementnumber标签卷按钮被按下,滚动的像素100
scrollDurationnumber滚动动画持续的毫秒400

Tabs Container事件说明

名称参数描述
onLoadargumentsajax面板加载完毕后触发,参数调用跟jQuery.ajax调功能一样
onSelecttitle选中标签面板触发
onClosetitle关闭标签面板触发

Tabs Container方法说明

名称参数描述
resizenone调整容器的布局
addoptions添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明
closetitle关闭一个标签面板,标题参数显示的面板被关闭。
selecttitle选中一个标签面板
existstitle指明特殊面板显示存在。

Tab Panel特性说明

名称类型描述默认值
idstring标签面板idnull
titlestring标签面板的title 
contentstring标签面板的content. 
hrefstring面板远程加载进来数据的地址.null
cacheboolean设置true,缓存标签面板true
iconstring标签面板标题上图标css。null
closableboolean设置true,标题上显示一个关闭按钮false
selectedboolean设置true,标签面板被选中【默认那个显示在前】false
widthnumber标签面板宽度auto
heightnumber标签面板高度auto

有些觉得翻译的牵强,肯定也有错的地方,谢谢指出来。

查看演示   官方文档