基于Jquery easyui 選中特定的tab

更新時間：2015年11月17日 14:43:53 投稿：mrr

這篇文章主要介紹了基于Jquery easyui 選中特定的tab的相關資料,需要的朋友可以參考下

獲取選中的 Tab

  // 獲取選中的 tab panel 和它的 tab 對象  
 var pp = $('#tt').tabs('getSelected');  
 var tab = pp.panel('options').tab;  // 相應的 tab 對象

更新特定的選項卡面板可使用update方法，param參數(shù)包含2個屬性:

tab: 將被更新的選項卡。

options: 選項卡相關配置項。

Example:

//當前tab 
var current_tab = $('#frame_tabs').tabs('getSelected'); 
$('#frame_tabs').tabs('update',{ 
   tab:current_tab, 
   options : { 
     content : '<iframe scrolling="auto" frameborder="0" src="'+URL+'" style="width:100%;height:100%;"></iframe>', 
   //或者 href : ''; 
   } 
}); 
$(document).ready(function() { 
  $('#frame_tabs').bind('dblclick',function(){ 
    var title = $('.tabs-selected').text(); 
    $('#frame_tabs').tabs('close',title); 
  }) 
});

Re: Tabs初始化時如何讓特定的tab處于選中狀態(tài)

lyw985lyw985 27 Aug 2010, 10:44
$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});

目前我項目中使用是的是

<div id="tabs" class="easyui-tabs" style="width: 1160px;" >
<div id="tabs-1" title="基本信息" data-options="fit:true">
<div id="tabs-2" title="投標信息" data-options="selected:true" >//這樣在加載的時候就選中狀態(tài)了 可以在后臺保存一個全局變量,然后賦值到界面,通過JS取界面的值,然后判斷設置增加 data-options="selected:true" 
function setTab()
  {
    var sTab = $("#selectTab").val();
    if (sTab == "1") {
      $("#tabs").tabs("select", 0);
    }
    if (sTab == "2") {
      $("#tabs").tabs("select", 1);
      //$("#tabs-2").attr("data-options", "selected:true");
    }
    if (sTab == "3") {
      $("#tabs").tabs("select", 2);
    }
    if (sTab == "4") {
      $("#tabs").tabs("select", 3);
    }
  }

您可能感興趣的文章:

jquery中done和then的區(qū)別(詳解)
下面小編就為大家分享一篇jquery中done和then的區(qū)別(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
jQuery插件HighCharts實現(xiàn)的2D條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實現(xiàn)的2D條狀圖效果,結(jié)合完整實例形式詳細分析了jQuery插件HighCharts繪制2D條狀圖的操作步驟與相關屬性設置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jquery獲取被勾選的checked(選中)的那一行的3列和4列的值
大家可能會遇到這種需求通過jquery獲取被勾選的checked的那一行的3列和4列的值，具體的實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
jQuery事件綁定.on()簡要概述及應用
前幾天看到事件委托的時候，關于live()方法講的不是很詳細，就去搜了一下關于live()和delegate()的，最后看源碼發(fā)現(xiàn)bind()和delegate()都是由on()實現(xiàn)的，感興趣的朋友可以了解下，或許本文對你有所幫助
2013-02-02
jQuery學習筆記操作jQuery對象 CSS處理
在對class屬性的操作中，實際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設定好了的CSS規(guī)則
2012-09-09
DWZ table的原生分頁淺談
接下來看一段代碼，我會給大家詳細介紹DWZ中table分頁的使用方式，以下是在MVC中實現(xiàn)的方式。
2013-03-03
jquery實現(xiàn)頁面加載效果
本文主要介紹了jquery實現(xiàn)頁面加載效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
jquery插件制作自增長輸入框?qū)崿F(xiàn)代碼
本章我們將創(chuàng)建一個自增長的輸入框插件，jquery.aotogrow.js
2012-08-08
jQuery setTimeout()函數(shù)使用方法
setTimeout在以前的js中是定時執(zhí)行一個對象或函數(shù)，下面我來介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細的參考參考
2013-04-04
jQuery中unwrap()方法用法實例
這篇文章主要介紹了jQuery中unwrap()方法用法,實例分析了unwrap()方法的定義、功能及移除匹配元素父元素的使用技巧,需要的朋友可以參考下
2015-01-01