jQuery MiniUI

标题: mini-fit撑满父容器 [打印本页]

作者: q123126 时间: 2014-3-17 15:37:11 标题: mini-fit撑满父容器

想让mini-fit自动充满父容器，在页面简单的情况下，直接外面套mini-fit层就可以了，但是如果是多个tab这样的，把父容器高度设置100%也还是达不到充满tab的效果。这个还有什么要注意的点吗。或者说mini-fit是的高度是怎么计算出来的。

作者: factory 时间: 2014-3-17 15:52:44

不明白你的意思.

fit的计算是把你父页面的总的高度,减去页面上相同层级的元素的高度值,再赋给fit

fit没效果的话,肯定是你布局有问题,或者写法错误

同一个页面,用一个fit,其他的元素的高度,必须是已知的

作者: q123126 时间: 2014-3-17 16:38:32

factory 发表于 2014-3-17 15:52
不明白你的意思.

fit的计算是把你父页面的总的高度,减去页面上相同层级的元素的高度值,再赋给fit

一个页面只能有一个fit吗

作者: lost 时间: 2014-3-17 16:52:38

q123126 发表于 2014-3-17 16:38
一个页面只能有一个fit吗

只要不是同一层级中，可以再用mini-fit。

作者: q123126 时间: 2014-3-17 17:00:47

本帖最后由 q123126 于 2014-3-17 17:03 编辑

lost 发表于 2014-3-17 16:52
只要不是同一层级中，可以再用mini-fit。

页面上2个标签页，一个标签页内容是标准的html table，里面有些html控件，一个标签页里面是mini grid，fit应该设置到哪里呢，试了几个地方，grid的高度都等于html table的高度,不能填满标签页。

不知道这样有说清楚没。有没有这样的实例

作者: factory 时间: 2014-3-17 17:13:32

q123126 发表于 2014-3-17 17:00
页面上2个标签页，一个标签页内容是标准的html table，里面有些html控件，一个标签页里面是mini grid，fit ...

要撑满你的标签页,就放到你的那个标签里面

作者: q123126 时间: 2014-3-17 17:39:26

本帖最后由 q123126 于 2014-3-17 17:43 编辑

factory 发表于 2014-3-17 17:13
要撑满你的标签页,就放到你的那个标签里面

发现问题在于，在给父容器一个内联常数高度，这样是可以fit的，但是如果通过js在页面加载的时候，动态设置容器高度，即便高度设置一个常量，也是没有效果的。

作者: lost 时间: 2014-3-17 18:42:44

q123126 发表于 2014-3-17 17:39
发现问题在于，在给父容器一个内联常数高度，这样是可以fit的，但是如果通过js在页面加载的时候，动态设置 ...

重新mini.layout()下

作者: q123126 时间: 2014-3-18 09:30:43

lost 发表于 2014-3-17 18:42
重新mini.layout()下

我弄了一个测试的上来，麻烦你们看看。让grid自动根据屏幕分辨率填充满tab_content[attach]4131[/attach]

作者: lost 时间: 2014-3-18 11:50:41

q123126 发表于 2014-3-18 09:30
我弄了一个测试的上来，麻烦你们看看。让grid自动根据屏幕分辨率填充满tab_content ...

你这个CSS写的太乱了，结构都太乱了，完全看不明白。
给个清楚点的。
刚刚看你的界面样子，你只有在页面中放个Splitter的控件。左边放个tree控件，右边
http://www.miniui.com/demo/tabs/tabsLayout.html
参考这个示例做就可以了

作者: felt 时间: 2014-3-18 12:13:46

q123126 发表于 2014-3-18 09:30
我弄了一个测试的上来，麻烦你们看看。让grid自动根据屏幕分辨率填充满tab_content ...

$(activeTab).show();
mini.layout()； //加一下这个
return false;

作者: q123126 时间: 2014-3-19 10:12:39

felt 发表于 2014-3-18 12:13
$(activeTab).show();
mini.layout()； //加一下这个
return false;

这样可行，不过我已经根据前面说的改了，慢慢学习吧。谢谢版主。

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