>웹 프론트엔드 >JS 튜토리얼 >jQuery EasyUI API 중국어 문서 - 탭 tabs/tabs_jquery

jQuery EasyUI API 중국어 문서 - 탭 tabs/tabs_jquery

WBOY
WBOY원래의
2016-05-16 18:01:291469검색

탭 탭/탭

기본값$.fn.tabs.defaults로 재정의합니다.


종속성
패널
링크버튼
사용예
탭 만들기
1. 탭 만들기
마크업에서 탭을 만드는 것이 더 쉽습니다. JavaScript 코드를 작성할 필요가 없습니다.

태그에 'easyui-tabs' 클래스를 추가하는 것을 잊지 마세요. 각 탭 패널은 하위
태그를 통해 생성되며 패널과 동일한 방식으로 사용될 수 있습니다.
코드 복사 코드는 다음과 같습니다.


🎜>< ;/div>

tab2
< /div>

tab3




2. 프로그래밍 방식으로 탭 생성
이제 프로그래밍 방식으로 탭을 생성하고 'onSelect' 이벤트도 캡처합니다.


$('#tt').tabs ({
border:false,
onSelect:function(title){
alert(title '선택됨');
}
})


새 탭 패널 추가


// 새 탭 추가 탭 패널
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
} );


선택한 탭 가져오기


/ / 선택한 탭 패널과 해당 탭 개체 가져오기
var pp = $('#tt').tabs('getSelected')
var tab = pp.panel('options ').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

返回 탭 옵션

없음

返回전체부 탭 패널

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.