威尼斯www.9778.com-威尼斯正版官方网站

jQuery EasyUI API 汉语文书档案 - Tabs标签页/选项卡_jquery_脚本之家

日期:2019-12-25编辑作者:服务器&运维

idstring标签面板idnulltitlestring标签面板的titlecontentstring标签面板的content.hrefstring面板远程加载进来数据的地址.nullcacheboolean设置true,缓存标签面板trueiconstring标签面板标题上图标css。nullclosableboolean设置true,标题上显示一个关闭按钮falseselectedboolean设置true,标签面板被选中falsewidthnumber标签面板宽度autoheightnumber标签面板高度auto

none

JQuery代码 复制代码 代码如下: //创建一个标签容器 $; //增加一个tab面板 $.tabs('add',{ title:'New Tab', content:'Tab Body', closable:true }); Tabs Container特性说明

类型

widthnumber标签容器宽度autoheightnumber标签容器高度autoidSeednumber应该是生成标签面板的基本id0plainboolean设置true,标签栏显示背景falsefitboolean设置true,自适应父集容器大小falseborderboolean标签容器边框truescrollIncrementnumber标签卷按钮被按下,滚动的像素100scrollDurationnumber滚动动画持续的毫秒400

名称

类型

名称

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

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

类型

border

名称

True 就不用背景容器图片来呈现 tab 条。

Tabs Container方法说明

options

tab2

获取选中的 tab panel。

Tabs

title

名称

scrollDuration

默认值

当用户关闭一个 tab panel 时触发。

Tab Panel特性说明

boolean

描述

说明

描述

tab2

名称

名称

创建一个tab标签 使用说明 使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 复制代码 代码如下:

auto

Tabs Container事件说明

false

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

返回 tabs options。

默认值

none

描述

false

名称

True 就显示 Tabs 容器边框。

tab3

title

tab1

boolean

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

400

描述

string

参数

close

参数

number

number

标记,每个tab panel 经由子

事件

title

Tab panel 的内容。

panel

onLoad

说明

number

iconCls

加载远程内容来填充 tab panel 的 URL。

一些附加的特性

名称

  1. 编程创建Tabs 现在我们编程创建 Tabs,我们同时捕捉 'onSelect' 事件。 复制代码 代码如下: $.tabs({ border:false, onSelect:function{ alert; } }); 增加新的 tab panel 复制代码 代码如下: // 增加一个新的 tab panel $.tabs('add',{ title:'New Tab', content:'Tab Body', closable:true }); 获取选中的 Tab 复制代码 代码如下: // 获取选中的 tab panel 和它的 tab 对象 var pp = $.tabs; var tab = pp.panel.tab; // 相应的 tab 对象

auto

fit

onContextMenu

add

onUpdate

update

True 就在设定了有效的 href 特性时缓存这个 tab panel。

null

boolean

Tab panel 的高度。

cache

当设置为 true 时,tab panel 将被选中。

getTab

返回全部 tab panel。

auto

说明

Tab panel 特性被定义在 panel 组件里,下面是一些常用的特性。

右侧工具栏,每个工具选项都和 Linkbutton 一样。

说明

获取指定的 tab panel。

string

Tab Panel

title

number

scrollIncrement

onAdd

content

onBeforeClose

width

plain

Tabs 容器的宽度。

说明

closable

Tabs 容器的高度。

string

更新指定的 tab panel,param 包含两个特性:tab:被更新的 tab panel。options:panel 的 options。

title

特性

options

每按一次tab 滚动按钮,滚动的像素数。

select

tools

getSelected

resize

当一个 tab panel 被右键点击时触发。

增加一个新的 tab panel,options 参数是一个配置对象,更多详细信息请参见 tab panel 特性。

当一个新的 tab panel 被添加时触发。

默认值

True 就设置 Tabs 容器的尺寸以适应它的父容器。

显示在tab panel 标题上的图标的 CSS 类。

名称

boolean

number

height

Tabs 标签页/选项卡

依赖 panel linkbutton 用法示例 创建tabs 1、 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码。记住把 'easyui-tabs' 类添加到

类型

title

tab1

onSelect

selected

选择一个 tab panel。

Tab panel 的宽度。

当用户选择一个 tab panel 时触发。

当设置为 true 时,tab panel 将显示一个关闭按钮,点击它就能关闭这个tab panel。

boolean

标记被创建,其用法与Panel一样。 复制代码 代码如下:

title

当一个 ajax tab panel 完成加载远程数据时触发。

boolean

title

当一个 tab panel 被更新时触发。

Tab panel 的标题文字。

默认值

参数

array

关闭一个 tab panel,title 参数是指被关闭的 panel。

调整 tabs 容器的尺寸并做布局。

exists

true

是指是否存在特定的 panel。

方法

当一个 tab panel 被关闭前触发,返回 false 就取消关闭动作。

string

类型

param

100

none

number

每一个滚动动画应该持续的毫秒数。

title

width

参数

none

tabs

false

e, title

height

auto

false

href

tab3

null

title

默认值

onClose

true

null

本文由威尼斯www.9778.com发布于服务器&运维,转载请注明出处:jQuery EasyUI API 汉语文书档案 - Tabs标签页/选项卡_jquery_脚本之家

关键词:

JavaScript 类的定义和引用 JavaScript高级培训 自定义对象_js面向对

一,概述   在Java语言中,大家得以定义自个儿的类,并依赖这几个类创制对象来行使,在Javascript中,我们也足以定...

详细>>

编纂高品质的JavaScript 脚本的加载与奉行_javascript技术_脚本之家

本子能够放在html页面包车型大巴head里面,也得以投身body里面。把脚本放在body中,当浏览器遇见 1.今日写js境遇一个...

详细>>

js获取当前select 成分值的代码_表单特效_脚本之家

如果 select 元素 下的所有 option 元素均没有指定 selected属性,会默认选中第一个。 可以通过 select.selectedIndex 获取到选...

详细>>

jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放

关键字“拖曳搜索”之“拖曳”功能需要 jQuery UI 之 droppable 库 效果如下: 搜索包含相关关键字时,把拖曳左边关键...

详细>>