Maison > interface Web > js tutoriel > le corps du texte

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

不言
Libérer: 2018-07-02 15:39:26
original
1585 Les gens l'ont consulté

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 对象
Copier après la connexion
<🎜. >

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 = $(&#39;#frame_tabs&#39;).tabs(&#39;getSelected&#39;); 
$(&#39;#frame_tabs&#39;).tabs(&#39;update&#39;,{ 
   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); 
  }) 
});
Copier après la connexion

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

lyw985lyw985 27 Aug 2010, 10:44
$(&#39;#tt&#39;).tabs(&#39;update&#39;,{
tab:$(&#39;#tt&#39;).tabs(&#39;getTab&#39;,&#39;Tab2&#39;),
options:{
selected:true
}
});
Copier après la connexion

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);
    }
  }
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal