easyui中tabs的单tab点击切换其他页面借用update方法

场景：

一个列表页面点击某行的某单元，弹出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的分页标签每点击一次就往下沉直到显示不出。