jQuery EasyUI API 中文文档 - Tabs标签页/选项卡_jquery

Tabs 标签页/选项卡

用$.fn.tabs.defaults重写defaults。

依赖
panel
linkbutton
用法示例
创建tabs
1、 经由标记创建Tabs
从标记创建Tabs更容易，我们不需要写任何JavaScript代码。记住把 'easyui-tabs' 类添加到标记，每个tab panel 经由子标记被创建，其用法与Panel一样。

tab1

tab2

tab3

2. 编程创建Tabs
现在我们编程创建 Tabs，我们同时捕捉 'onSelect' 事件。

$('#tt').tabs({
border:false,
onSelect:function(title){
alert(title+' is selected');
}
});

增加新的 tab panel

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

获取选中的 Tab

// 获取选中的 tab panel 和它的 tab 对象
var pp = $('#tt').tabs('getSelected');
var tab = pp.panel('options').tab; // 相应的 tab 对象

特性

名称	类型	说明	默认值
width	number	Tabs 容器的宽度。	auto
height	number	Tabs 容器的高度。	auto
plain	boolean	True 就不用背景容器图片来呈现 tab 条。	false
fit	boolean	True 就设置 Tabs 容器的尺寸以适应它的父容器。	false
border	boolean	True 就显示 Tabs 容器边框。	true
scrollIncrement	number	每按一次tab 滚动按钮，滚动的像素数。	100
scrollDuration	number	每一个滚动动画应该持续的毫秒数。	400
tools	array	右侧工具栏，每个工具选项都和 Linkbutton 一样。	null

事件

名称	参数	说明
onLoad	panel	当一个 ajax tab panel 完成加载远程数据时触发。
onSelect	title	当用户选择一个 tab panel 时触发。
onBeforeClose	title	当一个 tab panel 被关闭前触发，返回 false 就取消关闭动作。
onClose	title	当用户关闭一个 tab panel 时触发。
onAdd	title	当一个新的 tab panel 被添加时触发。
onUpdate	title	当一个 tab panel 被更新时触发。
onContextMenu	e, title	当一个 tab panel 被右键点击时触发。

方法

名称	参数	说明
options	none	返回 tabs options。
tabs	none	返回全部 tab panel。
微信 分享 声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。 相关文章 相关视频 javascript怎么判断字符串是否是数字 JavaScript怎么求多个数的平均值 总结分享： 6 种JavaScript的打断点的方... javascript怎么去掉字符串的第一个字符 jQuery EasyUI API 中文文档 - ... jEasyUI创建标签页 jEasyUI动态添加标签页 jEasyUI 添加自动播放标签页 标签页 tab标签页 网友评论 文明上网理性发言，请遵守 新闻评论服务协议 我要评论 立即提交 专题推荐 独孤九贱-php全栈开发教程 全栈 170W+ 主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门 玉女心经-web前端开发教程 入门 80W+ 主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门 天龙八部-实战开发教程 实战 120W+ 主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习 作者信息 认证0级讲师 发布技术文章 最新文章 热门排行 javascript怎么判断字符串是否是数字 JavaScript怎么求多个数的平均值 聊聊Angular中父子组件间怎么传递数据 总结分享： 6 种JavaScript的打断点的方式（收藏学习） Node项目中用images+imageinfo库给图片批量添加水印 javascript怎么去掉小数点后两位 javascript怎么去掉字符串的第一个字符 浅析JavaScript的继承和原型链 JS 是什么意思 json格式是什么？json格式文件怎么打开？ RN布局的实例详解 sqrt函数怎么使用 js数组如何删除指定位置的元素？删除指定位置元素的2种方法 2021年前端vue面试题大汇总（附答案） echarts柱状图颜色设置：echarts柱状图如何设置不同颜色？（代码） 如何理解vue数据双向绑定原理 推荐视频教程 javascript初级视频教程 jquery 基础视频教程 视频教程分类 php视频教程 html视频教程 css视频教程 JS视频教程 jQuery视频教程 mysql视频教程 Linux视频教程 Python视频教程 网站首页 PHP视频 PHP实战 PHP代码 PHP手册 词条 手记 编程词典 php培训 ：公益在线php培训，帮助PHP学习者快速成长！ Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作