Sélectionnez des onglets spécifiques basés sur Jquery easyui

Cet article présente principalement les informations pertinentes sur la sélection d'onglets spécifiques basés sur Jquery easyui. Les amis dans le besoin peuvent se référer à

pour obtenir l'onglet sélectionné

  // 获取选中的 tab panel 和它的 tab 对象  
 var pp = $('#tt').tabs('getSelected');  
 var tab = pp.panel('options').tab;  // 相应的 tab 对象

La mise à jour d'un panneau d'onglet spécifique peut utiliser la méthode update. Le paramètre param contient 2 attributs :

tab : L'onglet qui sera mis à jour.

options : éléments de configuration liés aux onglets.

Exemple :

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

Re : Comment sélectionner un onglet spécifique lorsque les onglets sont initialisés

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

Actuellement, j'utilise

<p id="tabs" class="easyui-tabs" style="width: 1160px;" >
<p id="tabs-1" title="基本信息" data-options="fit:true">
<p id="tabs-2" title="投标信息" data-options="selected:true" >//这样在加载的时候就选中状态了 可以在后台保存一个全局变量,然后赋值到界面,通过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);
    }
  }

Ce qui précède représente l'intégralité du contenu de cet article, j'espère Cela sera utile pour l'apprentissage de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos des méthodes de fonctionnement et des enregistrements d'attributs des nœuds jquery et DOM

Utilisation de jQuery pour implémenter @ dans WordPress Contenu des commentaires d'affichage flottant ID

Introduction à l'implémentation de $.fn et des effets de défilement d'image dans jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!