JQuery EasyUI 实现选中特定 Tab 选项

Easyui是一种基于jQuery的用户界面插件集合，为创建现代化，互动，JavaScript应用程序，提供必要的功能，使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。是个完美支持HTML5网页的完整框架，节省您网页开发的时间和规模。

获取选中 Tab 选项卡，具体代码如下：

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

更新特定的选项卡面板可使用update方法，param 参数包含2个属性如下：

tab  将被更新的选项卡

options  选项卡相关配置项

简单案例，具体代码如下：

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

Tabs 初始化时指定特定的 tab 处于选中状态，具体代码如下：

$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});