jQuery EasyUI 中文API Layout(Tabs)
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代碼
//創(chuàng)建一個(gè)標(biāo)簽容器
$('#tt').tabs(options);
//增加一個(gè)tab面板
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});
Tabs Container特性說(shuō)明
|
Tabs Container事件說(shuō)明
名稱(chēng) | 參數(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ō)明
名稱(chēng) | 參數(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ō)明
名稱(chēng) | 類(lèi)型 | 描述 | 默認(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 |
有些覺(jué)得翻譯的牽強(qiáng),肯定也有錯(cuò)的地方,謝謝指出來(lái)。
- jQuery EasyUI API 中文幫助文檔和擴(kuò)展實(shí)例
- Jquery api 速查表分享
- 不同的jQuery API來(lái)處理不同的瀏覽器事件
- jQuery EasyUI API 中文文檔 - TreeGrid 樹(shù)表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹(shù)使用介紹
- jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Dialog對(duì)話(huà)框
- jQuery EasyUI API 中文文檔 - TimeSpinner時(shí)間微調(diào)器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- jquery.combobox中文api和例子,修復(fù)了上面的小bug
- 如jQuery般易用的api風(fēng)格代碼分享
- jQuery validate 中文API 附validate.js中文api手冊(cè)
- jQuery EasyUI 中文API Button使用實(shí)例
- jquery 1.4.2發(fā)布!主要是性能與API
- jquery中有哪些api jQuery主要API
相關(guān)文章
jquery和css3實(shí)現(xiàn)的炫酷時(shí)尚的菜單導(dǎo)航
點(diǎn)擊列表圖表后,內(nèi)容頁(yè)面向內(nèi)移動(dòng)顯示菜單項(xiàng)。當(dāng)單擊關(guān)閉菜單按鈕時(shí),菜單項(xiàng)隱藏,內(nèi)容頁(yè)恢復(fù)原位2014-09-09jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02使用element-ui的el-menu導(dǎo)航選中后刷新頁(yè)面保持當(dāng)前選中狀態(tài)
這篇文章主要介紹了使用element-ui的el-menu導(dǎo)航選中后刷新頁(yè)面保持當(dāng)前選中狀態(tài),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07jQuery的時(shí)間datetime控件在A(yíng)ngularJs中的使用實(shí)例(分享)
下面小編就為大家?guī)?lái)一篇jQuery的時(shí)間datetime控件在A(yíng)ngularJs中的使用實(shí)例(分享)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08jquery-ui 進(jìn)度條功能示例【測(cè)試可用】
這篇文章主要介紹了jquery-ui 進(jìn)度條功能,結(jié)合完整實(shí)例形式分析了jquery-ui 結(jié)合時(shí)間函數(shù)實(shí)現(xiàn)進(jìn)度條功能相關(guān)操作技巧,需要的朋友可以參考下2019-07-07jQuery實(shí)現(xiàn)定時(shí)讀取分析xml文件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)定時(shí)讀取分析xml文件的方法,涉及jquery通過(guò)定時(shí)器采用Ajax方法讀取并處理XML文件的相關(guān)技巧,需要的朋友可以參考下2015-07-07JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作
JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié),需要的朋友可以參考下。2011-06-06前端開(kāi)發(fā)部分總結(jié)[兼容性、DOM操作、跨域等](持續(xù)更新)
在公司做這個(gè)項(xiàng)目已經(jīng)6個(gè)多月了,總結(jié)一些問(wèn)題,也算是拋磚引玉吧,希望更多的朋友一起分享一些技巧。2010-03-03