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