开发中会遇到使用easyui-tabs,一个页面有多个页签。有些时候会要求在某个请求打开这个页面时,需要动态选中某一个页签。本文介绍如何对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>
js代码如下:
$("#tt").tabs('select',tabIndex); //第二个参数是页签索引
$("#tt").tabs('select','myTab1'); //第二个参数是页签title