jQuery MiniUI

标题: 请问如何将控件占满页面，有Demo [打印本页]

作者: hehehaha 时间: 2013-3-11 13:56:58 标题: 请问如何将控件占满页面，有Demo

[attach]1421[/attach]
如何去掉“当前账户”与上面toolsbar之间的那道格？
请帮忙看下。

作者: factory 时间: 2013-3-11 14:27:47

本帖最后由 factory 于 2013-3-11 14:28 编辑

你是只那条间隙,还是当前账户上面的那个padding?pandding的话给你的那个panel设置 bodyStyle="padding:0;" 你可以用firebug这类工具看下结构,检查下这个距离到底是什么产生的.
另外,你的界面结构好乱啊,你需要做什么样的布局,详细说下,我帮你改一下.
layout建议只在主页面布局的时候用一次就够了,layout里面再嵌套layout会让界面结构变得很复杂

作者: hehehaha 时间: 2013-3-11 14:35:12

factory 发表于 2013-3-11 14:27
你是只那条间隙,还是当前账户上面的那个padding?pandding的话给你的那个panel设置 bodyStyle="padding:0;" ...

谢谢您的回答！
我要做的是一个上下结构的主页面。上：toolsbar。下：里面放一个panel用来载入其它页面。
第二个layout实际上是另一个页面的，通过事件加载进来。
为了方便Demo 我就放在了一个页面里。
我发现里面的页面单独打开时是占满整个窗体的，放到panel里就不行，空的panel也是占满的。
请您帮忙改一下！

作者: factory 时间: 2013-3-11 14:50:12

hehehaha 发表于 2013-3-11 14:35
谢谢您的回答！
我要做的是一个上下结构的主页面。上：toolsbar。下：里面放一个panel用来载入其它页面。 ...

我发现里面的页面单独打开时是占满整个窗体的，放到panel里就不行，空的panel也是占满的。
这句我没看明白...

作者: hehehaha 时间: 2013-3-11 15:10:03

factory 发表于 2013-3-11 14:50
我发现里面的页面单独打开时是占满整个窗体的，放到panel里就不行，空的panel也是占满的。
这句我没看明 ...

[attach]1422[/attach]
就是这个：当前账户的边框到蓝色的那条线之间的距离。放到这个页面中会有，单独页面中打开是没有的。

我要做的是这样：
[attach]1423[/attach]
去掉图上蓝色的间隙。

作者: factory 时间: 2013-3-11 15:12:59

hehehaha 发表于 2013-3-11 15:10
就是这个：当前账户的边框到蓝色的那条线之间的距离。放到这个页面中会有，单独页面中打开是没有的。

...

你给 <div region="north" 加上 splitSize="0" 试试

作者: hehehaha 时间: 2013-3-11 15:52:51

factory 发表于 2013-3-11 15:12
你给

谢谢。果然去掉了。！

作者: hehehaha 时间: 2013-3-11 16:49:32

factory 发表于 2013-3-11 15:12
你给

[attach]1424[/attach]

刚才那个问题是这样的。
打开test2.html时是充满页面的。
但打开test1.html（载入test2.html）后，是有边距的！
[attach]1426[/attach]
[attach]1425[/attach]
图一是test1.html 图二是test2.html
请问如何设置？

作者: factory 时间: 2013-3-12 09:12:05

hehehaha 发表于 2013-3-11 16:49
刚才那个问题是这样的。
打开test2.html时是充满页面的。
但打开test1.html（载入test2.html）后，是 ...

你这个是加载的test2页面吧，你设置下加载test2页面的那个容器的padding为0试试

作者: hehehaha 时间: 2013-3-12 11:07:29

factory 发表于 2013-3-12 09:12
你这个是加载的test2页面吧，你设置下加载test2页面的那个容器的padding为0试试 ...

<div class="mini-panel" id="homePanel"
style="width: 100%; height: 100%;" showCollapseButton="true"
showHeader="false" expanded="true"
borderStyle="border:solid 0px #aaa; padding=0;" url="test2.html">
</div>

复制代码

是这样么？好像不管用啊。我用IE调试工具打开看属性如下：
[attach]1427[/attach]
把这5项勾掉就行了。
请问如何在代码中设置呢？

作者: factory 时间: 2013-3-12 12:16:31

hehehaha 发表于 2013-3-12 11:07
是这样么？好像不管用啊。我用IE调试工具打开看属性如下：

把这5项勾掉就行了。

因为你的内容在panel的body区域，panel分头部，toolbar，body和footer，所以你笼统得给panel设置padding是没有效果的。需要给定到指定区域，bodyStyle="padding:0;"
你可以看下panel的API里面的各个区域的属性

作者: hehehaha 时间: 2013-3-12 14:16:53

factory 发表于 2013-3-12 12:16
因为你的内容在panel的body区域，panel分头部，toolbar，body和footer，所以你笼统得给panel设置padding ...

谢谢您的帮助。已基本解决样式问题，但好像有一些表格有重叠线。麻烦您再看一下！谢谢[attach]1435[/attach]

如图：
[attach]1436[/attach][attach]1437[/attach]
请帮忙解决下！

作者: factory 时间: 2013-3-12 14:42:18

hehehaha 发表于 2013-3-12 14:16
谢谢您的帮助。已基本解决样式问题，但好像有一些表格有重叠线。麻烦您再看一下！谢谢

如图：

[attach]1438[/attach]

作者: hehehaha 时间: 2013-3-12 15:19:55

factory 发表于 2013-3-12 14:42

非常感谢！
请问什么时候用border，什么时候用borderStyle呢？

作者: factory 时间: 2013-3-12 15:26:19

hehehaha 发表于 2013-3-12 15:19
非常感谢！
请问什么时候用border，什么时候用borderStyle呢？

borderStyle 一般是控制控件最最外层的边框。
如果像一些比如tabs这类的，不仅外层有边框，头部也有边框的话，光设置borderStyle是无法去掉头部部分的边框的

作者: factory 时间: 2013-3-12 15:26:29

hehehaha 发表于 2013-3-12 15:19
非常感谢！
请问什么时候用border，什么时候用borderStyle呢？

作者: hehehaha 时间: 2013-3-12 16:13:11

factory 发表于 2013-3-12 15:26
borderStyle 一般是控制控件最最外层的边框。
如果像一些比如tabs这类的，不仅外层有边框，头部也有边框 ...

谢谢您的认真回答。我明白了！

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