Easyui Tabs執行close,再執行add tab,新的tab頁為空白頁
阿新 • • 發佈:2019-01-08
<div id="yssbcxTabs">
<div title="資訊列表" style="width: 100%;height: 100%">
<div id="yssbcxTableToolbar" style="height: 62px;">
<form id="searchForm">
<table>
<tr>
<td align="right">
應稅人名稱:
</td>
<td>
<input name="dwmc" id="dwmc" class="easyui-textbox"/>
</td>
<td align="right">
申請單編號:
</td>
<td>
<input name="sqdbh" id="sqdbh" class="easyui-textbox" data-options="width:110"/>
</td>
<td>
付款狀態:
<input name="fkzt" id="fkzt" type="radio" value="2" checked="checked"/>全部
<input name="fkzt" id="fkztYfk" type="radio" value="1"/>已付款
<input name="fkzt" id="fkztWfk" type="radio" value="0"/>未付款
<a class="easyui-linkbutton" iconCls="icon-search" plain="false" onclick="query()">查詢</a>
</td>
</tr>
<tr style="height: 26px">
<td align="right">
受理部門:
</td>
<td>
<input name="jgbmdm" id="jgbmdm" class="easyui-combotree" data-options="prompt:'請輸入部門'"/>
</td>
<td align="right">
辦稅人:
</td>
<td>
<input name="bsr" id="bsr" class="easyui-textbox" data-options="width:110"/>
</td>
<td>
受理時間:
<input name="slsj" type="radio" value="0"/>本日
<input name="slsj" type="radio" value="1" checked="checked"/>本週
<input name="slsj" type="radio" value="2"/>本月
<input name="slsj" type="radio" value="3" onclick="chooseTime()"/>按時間範圍選擇
</td>
<td id="dateSpan" style="display: none;">
<input id="beginDate" name="beginDate"/>至
<input id="endDate" name="endDate"/>
</td>
</tr>
</table>
</form>
</div>
<table id="yssbcxTable "></table>
</div>
</div>
以上為主TAB頁, 雙擊yssbcxTable行時,新增新的tab頁,該tab頁內容引自當前頁的<div>,如下所示
$("#yssbcxTabs").tabs("add", {
title: "詳細資訊",
content: $("#detailTab")
});
此時執行如下程式碼再次雙擊datagrid行,執行add tab頁時,開啟的tab頁內容全空白,如下圖所示:$("#yssbcxTabs").tabs("close","詳細資訊");
解決方案,不是執行close方法,而是:
$('#yssbcxTabs').tabs('getTab',"列印票證").panel('options').tab.hide();