最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQueryEasyUI中文APILayout(Tabs)_jquery

来源:动视网 责编:小采 时间:2020-11-27 20:48:58
文档

jQueryEasyUI中文APILayout(Tabs)_jquery

jQueryEasyUI中文APILayout(Tabs)_jquery:Tabs【标签】 创建一个tab标签 使用说明 使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 代码如下: tab1 tab2 tab3 JQuery代码 代码如下: //创建一个标签容器 $('#tt').
推荐度:
导读jQueryEasyUI中文APILayout(Tabs)_jquery:Tabs【标签】 创建一个tab标签 使用说明 使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 代码如下: tab1 tab2 tab3 JQuery代码 代码如下: //创建一个标签容器 $('#tt').


Tabs【标签】


创建一个tab标签

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

html
代码如下:


tab1


tab2


tab3


JQuery代码
代码如下:
//创建一个标签容器
$('#tt').tabs(options);

//增加一个tab面板
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});

Tabs Container特性说明

名称 类型 描述 默认值
width number 标签容器宽度 auto
height number 标签容器高度 auto
idSeed number 应该是生成标签面板的基本id 0
plain boolean 设置true,标签栏显示背景 false
fit boolean 设置true,自适应父集容器大小 false
border boolean 标签容器边框 true
scrollIncrement number 标签卷按钮被按下,滚动的像素 100
scrollDuration number 滚动动画持续的毫秒 400

Tabs Container事件说明

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

Tabs Container方法说明

名称 参数 描述
resize none 调整容器的布局
add options 添加一个新的标签面板,选择一个配置对象参数,看标签面板的特性说明
close title 关闭一个标签面板,标题参数显示的面板被关闭。
select title 选中一个标签面板
exists title 指明特殊面板显示存在。

Tab Panel特性说明

名称 类型 描述 默认值
id string 标签面板id null
title string 标签面板的title
content string 标签面板的content.
href string 面板远程加载进来数据的地址. null
cache boolean 设置true,缓存标签面板 true
icon string 标签面板标题上图标css。 null
closable boolean 设置true,标题上显示一个关闭按钮 false
selected boolean 设置true,标签面板被选中【默认那个显示在前】 false
width number 标签面板宽度 auto
height number 标签面板高度 auto

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

文档

jQueryEasyUI中文APILayout(Tabs)_jquery

jQueryEasyUI中文APILayout(Tabs)_jquery:Tabs【标签】 创建一个tab标签 使用说明 使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 代码如下: tab1 tab2 tab3 JQuery代码 代码如下: //创建一个标签容器 $('#tt').
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top