基于Jquery easyui 选中特定的tab

获取选中的 Tab

// 获取选中的 tab panel 和它的 tab 对象 var pp = $（"#tt"）.tabs（"getSelected"）; var tab = pp.panel（"options"）.tab;// 相应的 tab 对象

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

tab: 将被更新的选项卡。

options: 选项卡相关配置项。
Example:

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

Re: Tabs初始化时如何让特定的tab处于选中状态

lyw985lyw985 27 Aug 2010, 10:44$（"#tt"）.tabs（"update",{tab:$（"#tt"）.tabs（"getTab","Tab2"）,options:{selected:true}}）;

目前我项目中使用是的是

<div id="tabs" class="easyui-tabs" style="width: 1160px;" ><div id="tabs-1" title="基本信息" data-options="fit:true"><div 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）;}}