基于Jquery easyui 选中特定的tab
获取选中的Tab
//获取选中的tabpanel和它的tab对象
varpp=$('#tt').tabs('getSelected');
vartab=pp.panel('options').tab;//相应的tab对象
更新特定的选项卡面板可使用update方法，param参数包含2个属性:
tab:将被更新的选项卡。
options:选项卡相关配置项。
Example:
//当前tab
varcurrent_tab=$('#frame_tabs').tabs('getSelected');
$('#frame_tabs').tabs('update',{
tab:current_tab,
options:{
content:'<iframescrolling="auto"frameborder="0"src="'+URL+'"style="width:100%;height:100%;"></iframe>',
//或者href:'';
}
});
$(document).ready(function(){
$('#frame_tabs').bind('dblclick',function(){
vartitle=$('.tabs-selected').text();
$('#frame_tabs').tabs('close',title);
})
});
Re:Tabs初始化时如何让特定的tab处于选中状态
lyw985lyw98527Aug2010,10:44
$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});
目前我项目中使用是的是
<divid="tabs"class="easyui-tabs"style="width:1160px;">
<divid="tabs-1"title="基本信息"data-options="fit:true">
<divid="tabs-2"title="投标信息"data-options="selected:true">//这样在加载的时候就选中状态了可以在后台保存一个全局变量,然后赋值到界面,通过JS取界面的值,然后判断设置增加data-options="selected:true"
functionsetTab()
{
varsTab=$("#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);
}
}