jQuery MiniUI

 找回密码
 立即注册
查看: 7480|回复: 11
打印 上一主题 下一主题

mini-fit撑满父容器 [复制链接]

Rank: 6Rank: 6

跳转到指定楼层
楼主
发表于 2014-3-17 15:37:11 |只看该作者 |倒序浏览
想让mini-fit自动充满父容器,在页面简单的情况下,直接外面套mini-fit层就可以了,但是如果是多个tab这样的,把父容器高度设置100%也还是达不到充满tab的效果。这个还有什么要注意的点吗。或者说mini-fit是的高度是怎么计算出来的。

Rank: 8Rank: 8

沙发
发表于 2014-3-17 15:52:44 |只看该作者
不明白你的意思.

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

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

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

Rank: 6Rank: 6

板凳
发表于 2014-3-17 16:38:32 |只看该作者
factory 发表于 2014-3-17 15:52
不明白你的意思.

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

一个页面只能有一个fit吗

Rank: 8Rank: 8

地板
发表于 2014-3-17 16:52:38 |只看该作者
q123126 发表于 2014-3-17 16:38
一个页面只能有一个fit吗

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

Rank: 6Rank: 6

5#
发表于 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的高度,不能填满标签页。


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

Rank: 8Rank: 8

6#
发表于 2014-3-17 17:13:32 |只看该作者
q123126 发表于 2014-3-17 17:00
页面上2个标签页,一个标签页内容是标准的html table,里面有些html控件,一个标签页里面是mini grid,fit ...

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

Rank: 6Rank: 6

7#
发表于 2014-3-17 17:39:26 |只看该作者
本帖最后由 q123126 于 2014-3-17 17:43 编辑
factory 发表于 2014-3-17 17:13
要撑满你的标签页,就放到你的那个标签里面

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

Rank: 8Rank: 8

8#
发表于 2014-3-17 18:42:44 |只看该作者
q123126 发表于 2014-3-17 17:39
发现问题在于,在给父容器一个内联常数高度,这样是可以fit的,但是如果通过js在页面加载的时候,动态设置 ...

重新mini.layout()下

Rank: 6Rank: 6

9#
发表于 2014-3-18 09:30:43 |只看该作者
lost 发表于 2014-3-17 18:42
重新mini.layout()下

我弄了一个测试的上来,麻烦你们看看。让grid自动根据屏幕分辨率填充满tab_content
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

10#
发表于 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
参考这个示例做就可以了

Archiver|普加软件

GMT+8, 2024-6-22 03:56 , Processed in 1.068702 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部