开发中会遇到使用easyui-tabs. 一个页面有多个页签. 有些时候会要求在某个请求打开这个页面时,需要动态选中某一个页签.
easyui-tabs提供了方法可以方便使用 .其是由多个div组成. 在页面加载完成后执行以下代码即可
<div class="easyui-tabs" class="easyui-layout" data-options="fit:true" id="tt">
<div title="基本信息">
<div style="height: 450px; width: 100%">
<table id="unitFilegGrid">
</table>
</div>
</div>
<div title="联系人信息">
<div style="height: 450px; width: 100%">
<form id="contactForm">
</form>
</div>
</div>
<div title="附件资料">
<div style="height: 450px; width: 100%">
<table id="fileDatagrid">
</table>
</div>
</div>
</div>
$("#tt").tabs('select',tabIndex); //第二个参数是页签索引
$("#tt").tabs('select','myTab1'); //第二个参数是页签title
对于html的 <ul> < li> 生成的多页签.一般是通过触发其点击事件,另外还要注意点击后要改变li 的 class tabs-selected