jQuery MiniUI

标题: mini的页面布局问题，mini-tab的页面中有mini-fit [打印本页]

作者: cola_unique 时间: 2013-3-21 15:33:42 标题: mini的页面布局问题，mini-tab的页面中有mini-fit

代码如下：
<div id="divTabs" style="width:100%;overflow:none;" >

</div>
<div id="divMoreTabs" class="menu_indent" style="display:none"><div class="tab_menu_img_down"></div></div>
<div class="mini-toolbar" style="width:100%;border-bottom:0;padding:0px;">
<table style="width:100%;">
      <tr>
         <td style="width:100%;" align="right">
            .............
            .............
         </td>
      </tr>
</table>
</div>
<div class="mini-fit">
<div id="dataGrid" class="mini-datagrid".......></div>
</div>
红字部分里面的内容是动态的，因此这个div的客户端高度是变化的，目前用代码算出mini-grid的高度并用setHeight设置。
现在单独打开这个页面并改变窗口大小时mini-Grid高度会自适应撑满整个页面。
但是当这个页面嵌套在mini-Tab时，如果改变窗口大小这个页面，内部页面在高度上无法自适应。
能否告之如何解决这个问题。。感激不尽

作者: factory 时间: 2013-3-21 16:01:17

自动撑满的剩余高度的话，你用mini-fit来做吧，这个就是做撑满效果的，他会计算出剩余的高度，然后撑满
<div class="mini-fit">
你的<div style="height:100%">
</div>

作者: cola_unique 时间: 2013-3-21 16:39:22

factory 发表于 2013-3-21 16:01
自动撑满的剩余高度的话，你用mini-fit来做吧，这个就是做撑满效果的，他会计算出剩余的高度，然后撑满

...

但现在已经有一个mini-fit放mini-grid了，再加一个mini-fit好像不行啊。。

作者: factory 时间: 2013-3-21 17:18:04

cola_unique 发表于 2013-3-21 16:39
但现在已经有一个mini-fit放mini-grid了，再加一个mini-fit好像不行啊。。

那你在<div id="divMoreTabs"外面再包一层呢，只要不是同一层的，就可以再用mini-fit

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)