位置:首页 » 文章/教程分享 » easyui-tabs默认选中标签

开发中会遇到使用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