Wählen Sie bestimmte Registerkarten basierend auf JQuery EasyUI aus

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 对象

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); 
  }) 
});

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

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

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);
    }
  }

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!