欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于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 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼

    jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼

    這篇文章主要介紹了jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-07-07
  • 快速掌握jQuery插件開(kāi)發(fā)

    快速掌握jQuery插件開(kāi)發(fā)

    本文的目的是可以快速了解jQuery插件的開(kāi)發(fā)原理以及掌握jQuery開(kāi)發(fā)的基本技能。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-01-01
  • jQuery+Cookie實(shí)現(xiàn)切換皮膚功能【附源碼下載】

    jQuery+Cookie實(shí)現(xiàn)切換皮膚功能【附源碼下載】

    這篇文章主要介紹了jQuery+Cookie實(shí)現(xiàn)切換皮膚功能,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合cookie動(dòng)態(tài)變換頁(yè)面元素樣式的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
    2018-03-03
  • 詳解jQuery如何實(shí)現(xiàn)模糊搜索

    詳解jQuery如何實(shí)現(xiàn)模糊搜索

    這篇文章主要介紹了jQuery如何實(shí)現(xiàn)模糊搜索,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • jQuery中animate的幾種用法與注意事項(xiàng)

    jQuery中animate的幾種用法與注意事項(xiàng)

    在今天之前,我對(duì)jQuery的中的animate()方法還停留在最常見(jiàn)的用法,查了一下手冊(cè),發(fā)現(xiàn)在1.8的時(shí)候增加了幾個(gè)比較有用的回調(diào)函數(shù),想著就來(lái)總結(jié)下jQuery中animate的幾種用法與注意事項(xiàng),方便自己或者大家有需要的時(shí)候參考借鑒,下面來(lái)一起看看吧。
    2016-12-12
  • jQuery取消特定的click事件

    jQuery取消特定的click事件

    這篇文章主要介紹了jQuery取消特定的click事件實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery簡(jiǎn)單實(shí)現(xiàn)事件綁定及取消事件綁定的相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • jquery實(shí)現(xiàn)表格行的上下移動(dòng)和置頂

    jquery實(shí)現(xiàn)表格行的上下移動(dòng)和置頂

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)表格行的上下移動(dòng)和置頂,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • jQuery EasyUI封裝簡(jiǎn)化操作

    jQuery EasyUI封裝簡(jiǎn)化操作

    這篇文章主要為大家詳細(xì)介紹了Jquery EasyUI封裝簡(jiǎn)化操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • jQuery插件制作的實(shí)例教程

    jQuery插件制作的實(shí)例教程

    一款優(yōu)秀的jQuery插件,要做到通用、靈活度高、可配置、兼容性好、易用性高、耦合度低...想要做到這些,嘿嘿,那么就來(lái)看今天所介紹的jQuery插件制作的實(shí)例教程.
    2016-05-05
  • jQuery取得select選擇的文本與值的示例

    jQuery取得select選擇的文本與值的示例

    取得select選擇的文本與值的情形在很多地方都有用到,且實(shí)現(xiàn)的方法有很多,在下面的示例中將為大家詳細(xì)介紹下jquery是如何做到的
    2013-12-12

最新評(píng)論