場景：

一個列表頁面點選某行的某單元，彈出tabs，其中某個tab為一個列表(datagrid)，結果列表顯示不全，後採用點選tab切換其他頁面

var URL = ;
        var tab = $('#tt').tabs('getSelected');
        $('#tt').tabs('update', {
            tab: tab,
            options: {
            		content:'<iframe name="indextab" scrolling="auto" frameborder="0" style="width:100%;height:100%;"></iframe>',
            }
    	});
        window.open(URL,"indextab");  
 

遺留問題：

頁面排版

遺留問題：將iframe的高度固定，死辦法

總結：

tabs裡中某個tab頁，該頁只有1個datagrid，其中有一列操作，點選後，彈出基本資訊頁面，基本資訊頁面替換掉原有的datagrid頁面，這個地方有2種方式解決

1.用之前上面那方法，

2.用var URL = ;
   var tab = parent.$('#tabs').tabs('getSelected');
   tab.panel('refresh', URL);

有個缺點：js放在head裡不執行，只能丟到body裡,這種方式是因為只會去載入hmtl塊，所以head裡的無效

接著來，

基本資訊頁面又是tabs，第一個tab是form表單資訊，第二個tab是上面form，下面datagrid，第三個tab是datagrid

tab切換可以採用上面2種方式去

當使用第一種時,第二個tab頁面datagrid的分頁標籤顯示不出，

使用第二種時，第二個tab頁面datagrid的分頁標籤每點選一次就往下沉直到顯示不出。