jQuery EasyUI 中文API 레이아웃(탭)_jquery

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	指明特殊面板显示存在。

탭 패널 기능 설명

名称	类型	描述	默认值
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

이름

유형

설명

기본값

ID

문자열

탭 패널 ID

null

제목

문자열

라벨 패널 제목

콘텐츠

문자열

라벨 패널의 내용.

ref

문자열

패널이 들어오는 데이터를 원격으로 로드하는 주소입니다.

null

캐시

부울

레이블 패널을 캐시하려면 true로 설정

참

아이콘

문자열

레이블 패널 제목의 아이콘 CSS입니다.

null

닫을 수 있음

부울

제목에 닫기 버튼을 표시하려면 true로 설정

거짓

선택됨

부울

true로 설정하면 라벨 패널이 선택됩니다. [기본 패널이 앞에 표시됩니다.]

거짓

너비

숫자

탭 패널 너비

자동

높이

숫자

탭 패널 높이

자동

번역이 너무 허술하다고 생각하시는 분들도 계시고, 틀린 부분도 있을 것 같은데 지적해 주셔서 감사합니다.