1. 程式人生 > >Easyui Tabs執行close,再執行add tab,新的tab頁為空白頁

Easyui Tabs執行close,再執行add tab,新的tab頁為空白頁

<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")
                        });
此時執行如下程式碼
$("#yssbcxTabs").tabs("close","詳細資訊");
再次雙擊datagrid行,執行add  tab頁時,開啟的tab頁內容全空白,如下圖所示:


解決方案,不是執行close方法,而是:

 $('#yssbcxTabs').tabs('getTab',"列印票證").panel('options').tab.hide();