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>
$("#tt").tabs('select',tabIndex); //第二个参数是页签索引
$("#tt").tabs('select','myTab1'); //第二个参数是页签title

对于html的 <ul> < li> 生成的多页签.一般是通过触发其点击事件,另外还要注意点击后要改变li 的 class tabs-selected

猜你喜欢

转载自blog.csdn.net/qq_40085888/article/details/85203974
今日推荐