在使用easyui datagrid在tab中遇到的問題

當切換tab時，數據加載了，但是table的寬和高不能不能夠初始化。

郁悶了好久解決了這個問題：

在頁面加載時和切換tab時，獲取當前tab的名字，進行內容的初始化

$('a[name="mainTab"]').on('shown.bs.tab', function(e) {
　　// 獲取已激活的標簽頁的名稱
　　selectTabName = $(e.target).text();
　　selectTab(selectTabName);
});

　

//根據標簽頁刷新頁面
function selectTab(selectTabName){
	if(selectTabName == '設備統計'){
		//設備統計列表
		initDeviceCountTable();
	}else if(selectTabName == '與LLDP對比'){
		//對比表
		initCompareTable();
	}
}

　　

<ul class="nav nav-tabs">
	<li class="active">
	　　<a href="#manage" data-toggle="tab" name="mainTab">設備管理</a>
	</li>
	<li >
	　　<a href="#count" data-toggle="tab" name="mainTab">設備統計</a>
	</li>
	<li >
	　　<a href="#compare" data-toggle="tab" name="mainTab">與LLDP對比</a>
	</li>
</ul>

<div class="tab-content" id="mytabContent">
　　<div class="tab-pane fade in active " id="manage">
　　　　<!--設備管理的內容-->
　　　　<%@include file="deviceManage.jsp"%>
　　</div>
　　<div class="tab-pane fade " id="count">
　　　　<!-- 設備統計列表 -->　
　　　　<%@include file="deviceCount.jsp"%>
　　</div>
　　<div class="tab-pane fade" id="compare">　
　　　　<!-- 與LLDP對比列表-->
　　　　<%@include file="deviceCompare.jsp"%> 
　　</div> 
</div>