jQuery EasyUI 獲取tabs的實例解析

更新時間：2016年12月06日 14:18:05 作者：lhbfilwmyseve

左邊tree，右邊tabs。點擊tree增加相應的tabs。下面通過一段代碼給大家解析，需要的朋友參考下吧

左邊tree，右邊tabs。點擊tree增加相應的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(‘add',{ 
“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 對象 
  var id =parent.(“#category”).tree(‘getSelected');//獲取選中tree對象 
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的實例解析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

easyui
tabs

引用jquery框架后出錯的解決方法
下面小編就為大家?guī)硪黄胘query框架后出錯的解決方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
簡述jQuery ajax的執(zhí)行順序
jquery ajax的執(zhí)行順序大家在項目經常會顛倒，下面通過本文給大家介紹jquery ajax的執(zhí)行順序，涉及到jquery ajax執(zhí)行順序相關知識，對jquery ajax執(zhí)行順序相關知識感興趣的朋友一起學習吧
2016-01-01
jqGrid隨窗口大小變化自適應大小的示例代碼
本篇文章主要是對jqGrid隨窗口大小變化自適應大小的示例代碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jQuery EasyUI API 中文文檔 - Dialog對話框
jQuery EasyUI API 中文文檔 - Dialog對話框使用說明，需要的朋友可以參考下。
2011-11-11
利用imgareaselect輔助后臺實現圖片上傳裁剪
這篇文章主要為大家詳細介紹了利用imgareaselect輔助后臺實現圖片裁剪的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
jQuery實現用戶輸入自動完成功能
本文介紹了jQuery實現用戶輸入自動完成功能的方法。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
jQuery Validation PlugIn的使用方法詳解
這篇文章主要介紹了jQuery Validation PlugIn的使用方法，需要的朋友可以參考下
2015-12-12
jQuery實現的購物車物品數量加減功能代碼
這篇文章主要介紹了jQuery實現的購物車物品數量加減功能,涉及jQuery針對鼠標事件的響應及頁面元素動態(tài)操作相關技巧,需要的朋友可以參考下
2016-11-11
jquery.validate[.unobtrusive]和Bootstrap實現tooltip錯誤提示問題分析
這篇文章主要介紹了jquery.validate[.unobtrusive]和Bootstrap實現tooltip錯誤提示問題分析的相關資料,需要的朋友可以參考下
2016-10-10
基于jquery庫的tab新形式使用
本文將介紹基于jquery庫的tab新形式使用,需要的朋友可以參考下
2012-11-11