FineUI 官方论坛

标题: 界面自适应问题，求助！ [打印本页]

作者: ☆幻~精灵 时间: 2012-6-9 06:02
标题: 界面自适应问题，求助！
在Extaspnet中，采用PageManager 的 AutoSizePanelID设置界面自适应。此时，页面不会产生滚动条，当高度不够时，页面最下方的元素无法显示。

采用绝对宽高的界面布局方式，当分辨率不一致时，会在右边或者下方留下大片空白。

有没有什么方式，能够让界面在自适应宽度的同时，又会产生竖向的滚动条呢？求助！或者有min-width、min-heihgt等相关属性来控制呢？

作者: 易水临风 时间: 2012-6-10 14:11
是啊！老大，能不能加这样的功能啊！

作者: ☆幻~精灵 时间: 2012-6-11 01:06

易水临风发表于 2012-6-10 14:11
是啊！老大，能不能加这样的功能啊！

请问，你是采用怎么样的方法布局的呢？我布局始终不太好看。纯列表界面到是可以用AutoSizePanelID来控制！一般的录入界面就不太好控制了！

作者: support 时间: 2012-6-11 03:33
PageManager 的 AutoSizePanelID 足以，可以让界面控件的宽度自适应，高度不足时出现滚动条。

你说的情况可能是布局没用对，参考下官网示例的写法。

[attach]636[/attach]

作者: ☆幻~精灵 时间: 2012-6-12 01:53

support 发表于 2012-6-11 03:33
PageManager 的 AutoSizePanelID 足以，可以让界面控件的宽度自适应，高度不足时出现滚动条。

你说的情况 ...

好的，我再试试！！

作者: ☆幻~精灵 时间: 2012-6-12 02:14

support 发表于 2012-6-11 03:33
PageManager 的 AutoSizePanelID 足以，可以让界面控件的宽度自适应，高度不足时出现滚动条。

你说的情况 ...

我看了Demo，里面用到了AutoSizePanelID的样例只有一个，基本上都是用的绝对宽度。然后会产生横向滚动，和竖向滚动。在设置了那个属性的话，Width和Height貌似就已经失效了。

作者: support 时间: 2012-6-12 03:20

☆幻~精灵发表于 2012-6-12 02:14
我看了Demo，里面用到了AutoSizePanelID的样例只有一个，基本上都是用的绝对宽度。然后会产生横向滚动， ...

对，那个属性的意思就是要子控件自适应宽度和高度。因此不需要设width和height

作者: ☆幻~精灵 时间: 2012-6-12 08:43

support 发表于 2012-6-12 03:20
对，那个属性的意思就是要子控件自适应宽度和高度。因此不需要设width和height ...

再次请问下，我在PageManager上设置了AutoSizePanelID属性，然后怎样才能有竖向滚动条呢？没有竖向滚动条的话，界面靠下的很多界面元素无法显示！非常感谢！

作者: support 时间: 2012-6-13 01:47

☆幻~精灵发表于 2012-6-12 08:43
再次请问下，我在PageManager上设置了AutoSizePanelID属性，然后怎样才能有竖向滚动条呢？没有竖向滚动条 ...

78807 自己下载源代码，重新编译后，查看上图所示的页面，你就能看到实际的效果。我前面也说了，AutoSizePanelID一个属性足以，会自动出现垂直滚动条的，如果高度不够的话

作者: ☆幻~精灵 时间: 2012-6-16 03:05

support 发表于 2012-6-13 01:47
78807 自己下载源代码，重新编译后，查看上图所示的页面，你就能看到实际的效果。我前面也说了，AutoSizeP ...

哦，谢谢！

作者: 猪八戒 时间: 2012-8-30 16:47
老大，我现在也遇到你这个问题了、你是怎么解决的？

作者: ☆幻~精灵 时间: 2012-8-31 07:12

猪八戒发表于 2012-8-30 16:47
老大，我现在也遇到你这个问题了、你是怎么解决的？

你遇到什么问题呢？我没看到你的问题。呵呵~

作者: ☆幻~精灵 时间: 2012-8-31 07:15

猪八戒发表于 2012-8-30 16:47
老大，我现在也遇到你这个问题了、你是怎么解决的？

呵呵！没看到前面。首先设置PageManager的AutoSizePanelID为下面展示的最外层Panel。然后在该Panle中设置AutoScroll="true"。基本就可以了。

代码如下：
<ext

ageManager ID="

ageManager1" runat="server" AutoSizePanelID="Form2" />
<ext:Form ID="Form2" ShowHeader="false" runat="server" AutoScroll="true" LabelAlign="Right"
BodyPadding="5px" EnableBackgroundColor="true" Title="Form"></ext:Form>
你必须保证下方只有一个大容器。而且别的容器无法显示。呵呵~注意哦~！

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)