開發中會遇到使用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