快捷導(dǎo)航

基于Jquery easyui 選中特定的tab

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

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

獲取選中的 Tab

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

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

tab: 將被更新的選項(xiàng)卡。

options: 選項(xiàng)卡相關(guān)配置項(xiàng)。

Example:

//當(dāng)前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初始化時(shí)如何讓特定的tab處于選中狀態(tài)

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

目前我項(xiàng)目中使用是的是

<div id="tabs" class="easyui-tabs" style="width: 1160px;" >
<div id="tabs-1" title="基本信息" data-options="fit:true">
<div id="tabs-2" title="投標(biāo)信息" data-options="selected:true" >//這樣在加載的時(shí)候就選中狀態(tài)了 可以在后臺(tái)保存一個(gè)全局變量,然后賦值到界面,通過(guò)JS取界面的值,然后判斷設(shè)置增加 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);
    }
  }

您可能感興趣的文章:

相關(guān)文章

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