快捷導(dǎo)航

jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開頁簽

更新時(shí)間：2016年08月15日 10:39:39 作者：聽哥哥的話

這篇文章主要介紹了jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開頁簽的實(shí)現(xiàn)代碼,首先增加擴(kuò)展，接著點(diǎn)擊事件open方法實(shí)現(xiàn)easyui tabs擴(kuò)展，非常不錯(cuò)，需要的朋友可以參考下

easyui是一個(gè)輕量級的后臺管理系統(tǒng)框架，各種組件均有，使用簡單方便，現(xiàn)在已經(jīng)有免費(fèi)版的License了。

1.增加擴(kuò)展

<script type="text/javascript" >
/**
* @author {kexb} easyui-tab擴(kuò)展根據(jù)id切換頁面
*/
$.extend($.fn.tabs.methods, {
getTabById: function (jq, id) {
var tabs = $.data(jq[0], 'tabs').tabs;
for (var i = 0; i < tabs.length; i++) {
var tab = tabs[i];
if (tab.panel('options').id == id) {
return tab;
}
}
return null;
},
selectById: function (jq, id) {
var tab;
var tabs = $.data(jq[0], 'tabs').tabs;
for (var i = 0; i < tabs.length; i++) {
tab = tabs[i];
if (tab.panel('options').id == id) {
break;
}
}
if (tab != undefined) {
var curTabIndex = $("#tabs").tabs("getTabIndex", tab);
$('#tabs').tabs('select', curTabIndex);
}
},
existsById: function (jq, id) {
return jq.tabs('getTabById', id) != null;
}
});
</script>

2.點(diǎn)擊事件open方法

function Open(text, url, id) {
var tabId = ReplaceAll(url, '/','');
var h = ComputGridHeight();
if (url == "null" || url == "" || url == "") {
return;
}
if ($("#tabs").tabs("existsById", tabId)) {
$("#tabs").tabs("selectById", tabId);
}
else
{
if (url.indexOf("?") < 0) {
url += "?_menuId=" + id;
}
else {
url += "&_menuId=" + id;
}
$('#tabs').tabs('add', {
id:tabId,
title: text,
closable: true,
content: createTabContent(url, h),
url: url
});
}
}

以上所述是小編給大家介紹的jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開頁簽，希望對大家有所幫助,如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

easyui
tabs

相關(guān)文章

jquery.ajax之beforeSend方法使用介紹
這篇文章主要介紹了jquery.ajax之beforeSend方法使用介紹,beforeSend方法用于在向服務(wù)器發(fā)送請求前添加一些處理函數(shù),需要的朋友可以參考下
2014-12-12
jQuery處理圖片加載失敗的常用方法
這篇文章主要介紹了jQuery處理圖片加載失敗的常用方法,實(shí)例演示了jQuery處理圖片加載失敗時(shí)提示加載失敗及隱藏加載失敗信息的方法,需要的朋友可以參考下
2015-06-06
jQuery動(dòng)態(tài)背景圖片效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery動(dòng)態(tài)背景圖片效果實(shí)現(xiàn)方法,涉及javascript隨機(jī)數(shù)及動(dòng)態(tài)設(shè)置css樣式的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下
2015-07-07
jquery控制頁面部分刷新的方法
這篇文章主要介紹了jquery控制頁面部分刷新的方法,涉及jQuery中l(wèi)oad方法的使用技巧,需要的朋友可以參考下
2015-06-06
圖標(biāo)線性回歸斜著移動(dòng)到指定的位置
圖標(biāo)斜著移動(dòng)到指定的位置如何實(shí)現(xiàn)，本文給予了詳細(xì)的解決方法，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
解決IE7中使用jQuery動(dòng)態(tài)操作name問題
IE7中無法使用Jquery動(dòng)態(tài)操作頁面元素的name屬性，怎么解決這個(gè)問題呢？下面小編給大家?guī)砹私鉀QIE7中使用jQuery動(dòng)態(tài)操作name問題，需要的朋友參考下吧
2017-08-08
jQuery基本選擇器選擇元素使用介紹
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個(gè)選擇符組成，通過基本選擇器可以實(shí)現(xiàn)大多數(shù)頁面元素的查找，感興趣的朋友可以參考下哈
2013-04-04
jQuery通過ajax快速批量提交表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了jQuery通過ajax快速批量提交表單數(shù)據(jù)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)附源碼下載
jqGrid可以結(jié)合fancybox等插件完成超酷的彈出層效果，通過與php后臺交互，可以輕松完成數(shù)據(jù)的添加與詳情查看，而這個(gè)過程完全是一個(gè)ajax異步通信過程，是一個(gè)非常友好的富客戶端應(yīng)用，本文給大家介紹jqGrid表格應(yīng)用之新增與刪除數(shù)據(jù)，需要的朋友參考下
2015-12-12
jquery點(diǎn)擊展示與隱藏更多內(nèi)容
這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)擊展示與隱藏更多內(nèi)容的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12