快捷導(dǎo)航

jQuery EasyUI 中文API Layout(Tabs)

更新時(shí)間：2010年04月27日 23:16:24 作者：

發(fā)布jQuery EasyUI 中文API—Layout(Tabs)總結(jié)，需要的朋友可以參考下。

Tabs【標(biāo)簽】

創(chuàng)建一個(gè)tab標(biāo)簽

使用說(shuō)明
使用到的頭文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

html

 
<div id="tt" style="width:500px;height:250px;"> 
<div title="Tab1" style="padding:20px;display:none;"> 
tab1 
</div> 
<div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;"> 
tab2 
</div> 
<div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;"> 
tab3 
</div> 
</div> 

JQuery代碼

復(fù)制代碼代碼如下:

 
//創(chuàng)建一個(gè)標(biāo)簽容器 
$('#tt').tabs(options); 

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

Tabs Container特性說(shuō)明

名稱	類型	描述	默認(rèn)值
width	number	標(biāo)簽容器寬度	auto
height	number	標(biāo)簽容器高度	auto
idSeed	number	應(yīng)該是生成標(biāo)簽面板的基本id	0
plain	boolean	設(shè)置true，標(biāo)簽欄顯示背景	false
fit	boolean	設(shè)置true，自適應(yīng)父集容器大小	false
border	boolean	標(biāo)簽容器邊框	true
scrollIncrement	number	標(biāo)簽卷按鈕被按下，滾動(dòng)的像素	100
scrollDuration	number	滾動(dòng)動(dòng)畫持續(xù)的毫秒	400

Tabs Container事件說(shuō)明

名稱	參數(shù)	描述
onLoad	arguments	ajax面板加載完畢后觸發(fā)，參數(shù)調(diào)用跟jQuery.ajax調(diào)功能一樣
onSelect	title	選中標(biāo)簽面板觸發(fā)
onClose	title	關(guān)閉標(biāo)簽面板觸發(fā)

Tabs Container方法說(shuō)明

名稱	參數(shù)	描述
resize	none	調(diào)整容器的布局
add	options	添加一個(gè)新的標(biāo)簽面板,選擇一個(gè)配置對(duì)象參數(shù),看標(biāo)簽面板的特性說(shuō)明
close	title	關(guān)閉一個(gè)標(biāo)簽面板,標(biāo)題參數(shù)顯示的面板被關(guān)閉。
select	title	選中一個(gè)標(biāo)簽面板
exists	title	指明特殊面板顯示存在。

Tab Panel特性說(shuō)明

名稱	類型	描述	默認(rèn)值
id	string	標(biāo)簽面板id	null
title	string	標(biāo)簽面板的title
content	string	標(biāo)簽面板的content.
href	string	面板遠(yuǎn)程加載進(jìn)來(lái)數(shù)據(jù)的地址.	null
cache	boolean	設(shè)置true，緩存標(biāo)簽面板	true
icon	string	標(biāo)簽面板標(biāo)題上圖標(biāo)css。	null
closable	boolean	設(shè)置true，標(biāo)題上顯示一個(gè)關(guān)閉按鈕	false
selected	boolean	設(shè)置true，標(biāo)簽面板被選中【默認(rèn)那個(gè)顯示在前】	false
width	number	標(biāo)簽面板寬度	auto
height	number	標(biāo)簽面板高度	auto

有些覺得翻譯的牽強(qiáng)，肯定也有錯(cuò)的地方，謝謝指出來(lái)。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法,實(shí)例分析了jquery mousewheel插件實(shí)現(xiàn)鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-03-03
jQuery 常見開發(fā)使用技巧總結(jié)
下面這些知識(shí)都是開發(fā)過程中，經(jīng)常遇到的。所以整理了下，需要的朋友可以參考下。
2009-12-12
jQuery實(shí)現(xiàn)的多滑動(dòng)門，多選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多滑動(dòng)門，多選項(xiàng)卡效果代碼,具有tab切換與滑動(dòng)門的功能,涉及鼠標(biāo)事件的響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)變換操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-03-03
jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下
2016-12-12
jQuery實(shí)現(xiàn)增刪改查
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)增刪改查，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
jquery json 實(shí)例代碼
jquery json 實(shí)例代碼，需要的朋友可以參考下。
2010-12-12
jQuery實(shí)現(xiàn)的簡(jiǎn)單折疊菜單(折疊面板)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單折疊菜單(折疊面板)效果代碼,涉及jQuery中slideToggle與toggleClass方法的靈活使用技巧,需要的朋友可以參考下
2015-09-09
Ajax異步獲取html數(shù)據(jù)中包含js方法無(wú)效的解決方法
本文主要介紹了Ajax異步獲取html數(shù)據(jù)中包含js方法無(wú)效的解決方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
jQuery用FormData實(shí)現(xiàn)文件上傳的方法
眾所周知文件上傳是Web開發(fā)中的重要話題，最直接和簡(jiǎn)單的方式是通過表單直接提交文件。下面這篇文章小編就來(lái)和大家分享jQuery利用FormData實(shí)現(xiàn)文件上傳的方法，文中介紹的方法簡(jiǎn)單易懂，相信對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2016-11-11
jQuery驗(yàn)證元素是否為空的兩種常用方法
這篇文章主要介紹了jQuery驗(yàn)證元素是否為空的兩種常用方法,實(shí)例分析了兩種常用的判斷為空技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03