Heim > Web-Frontend > js-Tutorial > Hauptteil

Wählen Sie bestimmte Registerkarten basierend auf JQuery EasyUI aus

不言
Freigeben: 2018-07-02 15:39:26
Original
1567 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zum Auswählen bestimmter Registerkarten basierend auf JQuery Easyui vorgestellt. Freunde, die sie benötigen, können auf

verweisen, um die ausgewählte Registerkarte zu erhalten

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

Um ein bestimmtes Registerkartenfeld zu aktualisieren, verwenden Sie die Update-Methode. Der Parameter param enthält 2 Attribute:

tab: Die Registerkarte, die aktualisiert wird.

Optionen: Registerkartenbezogene Konfigurationselemente.

Beispiel:

//当前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); 
  }) 
});
Nach dem Login kopieren

Betreff: So wählen Sie eine bestimmte Registerkarte aus, wenn Tabs initialisiert wird

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
}
});
Nach dem Login kopieren

Derzeit verwende ich

<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);
    }
  }
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für alle nützlich sein wird Hilfe beim Lernen, bitte beachten Sie die PHP-Chinese-Website für weitere verwandte Inhalte!

Verwandte Empfehlungen:

Über JQuery- und DOM-Knotenbetriebsmethoden und Attributdatensätze

Verwenden von jQuery zum Implementieren von @ in WordPress ID-Floating-Display-Kommentarinhalt

Einführung in die Implementierung von $.fn und Bildlaufeffekten in jquery

Das obige ist der detaillierte Inhalt vonWählen Sie bestimmte Registerkarten basierend auf JQuery EasyUI aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!