jQuery EasyUI 獲取tabs的實(shí)例解析
更新時(shí)間：2016年12月06日 14:18:05 作者：lhbfilwmyseve
左邊tree，右邊tabs。點(diǎn)擊tree增加相應(yīng)的tabs。下面通過(guò)一段代碼給大家解析，需要的朋友參考下吧
左邊tree，右邊tabs。點(diǎn)擊tree增加相應(yīng)的tabs
function addtabs(node) {
var start = ”;
var end = ”;
if((‘#tt').tabs(‘exists',node.text))
{(‘#tt').tabs(‘select',node.text);
(‘#tt').tabs(‘select',node.text);
}
else {(‘#tt').tabs(‘a(chǎn)dd',{
“title”:node.text,
“fit”:true,
“content”:”,
“selected”:true,
“border”:false,
“plain”:true,
“scrollIncrement”:400,
“scrollDuration”:200,
“closable”:true,
tools:[{
iconCls:'icon-reload',
handler:function(){
reloadTabs(node);
},
“toolPosition”:”left”,
}],
‘dnd':true
});
}
}
獲取tabs屬性
function gettabs(node){
var menuName=parent.(‘#tt').tabs(‘getSelected').panel(‘options'); //獲取選中tabs 對(duì)象
var id =parent.(“#category”).tree(‘getSelected');//獲取選中tree對(duì)象
console.info(menuName);
console.info(id);
}
刷新tabs
function reloadTabs(node) {
var tab = (‘#tt').tabs(‘getTab',node.text);(‘#tt').tabs(‘update',{
tab: tab,
options: tab.panel(‘options')
});
}
以上所述是小編給大家介紹的jQuery EasyUI 獲取tabs的實(shí)例解析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
下面小編就為大家?guī)?lái)一篇引用jquery框架后出錯(cuò)的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
jquery ajax的執(zhí)行順序大家在項(xiàng)目經(jīng)常會(huì)顛倒，下面通過(guò)本文給大家介紹jquery ajax的執(zhí)行順序，涉及到j(luò)query ajax執(zhí)行順序相關(guān)知識(shí)，對(duì)jquery ajax執(zhí)行順序相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
本篇文章主要是對(duì)jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery EasyUI API 中文文檔 - Dialog對(duì)話(huà)框
jQuery EasyUI API 中文文檔 - Dialog對(duì)話(huà)框使用說(shuō)明，需要的朋友可以參考下。2011-11-11
利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片上傳裁剪
這篇文章主要為大家詳細(xì)介紹了利用imgareaselect輔助后臺(tái)實(shí)現(xiàn)圖片裁剪的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jQuery實(shí)現(xiàn)用戶(hù)輸入自動(dòng)完成功能
本文介紹了jQuery實(shí)現(xiàn)用戶(hù)輸入自動(dòng)完成功能的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jQuery Validation PlugIn的使用方法詳解
這篇文章主要介紹了jQuery Validation PlugIn的使用方法，需要的朋友可以參考下2015-12-12
jQuery實(shí)現(xiàn)的購(gòu)物車(chē)物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的購(gòu)物車(chē)物品數(shù)量加減功能,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11![jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析](http://img.jbzj.com/images/xgimg/bcimg8.png)
jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析
這篇文章主要介紹了jquery.validate[.unobtrusive]和Bootstrap實(shí)現(xiàn)tooltip錯(cuò)誤提示問(wèn)題分析的相關(guān)資料,需要的朋友可以參考下2016-10-10
本文將介紹基于jquery庫(kù)的tab新形式使用,需要的朋友可以參考下2012-11-11