FineUI 官方论坛

标题: 多列布局 高度100% 但列宽度想采用百分比如何实现 [打印本页]
作者: 亦颖    时间: 2013-11-2 23:43
标题: 多列布局 高度100% 但列宽度想采用百分比如何实现
范例里的布局
母面板采用Layout=HBox，高度是100%，但是列宽无法采用百分比控制
母面板采用Layout=Column 列宽可以采用百分比控制，但各列高度却无法100%

我想要多列布局，高度100% 但列宽度想采用百分比 不知道如何实现?

作者: 亦颖    时间: 2013-11-12 20:20
有人知道吗？
作者: bluer    时间: 2013-11-12 21:09
本帖最后由 bluer 于 2013-11-12 21:12 编辑
  1. <x:Panel ID="Panel1" runat="server" BodyPadding="5px" BoxConfigAlign="Stretch" Height="400px" Layout="HBox" ShowBorder="true" ShowHeader="true" Title="Panel" Width="800px">
  2.             <Items>
  3.                 <x:Panel ID="Panel2" runat="server" BodyPadding="5px" BoxFlex="3" Title="Panel">
  4.                 </x:Panel>
  5.                 <x:Panel ID="Panel3" runat="server" BodyPadding="5px" BoxFlex="7" Title="Panel">
  6.                 </x:Panel>
  7.             </Items>
  8.         </x:Panel>
复制代码



可以用 BoxFlex做到百分比的.  如示例，两列，3：7  就是30% 和 70%麻
作者: 亦颖    时间: 2013-11-13 01:43
本帖最后由 亦颖 于 2013-11-13 03:59 编辑
  1. <x:PageManager ID="PageManager1" runat="server" AutoSizePanelID="Panel1" />
  2. <x:Panel ID="Panel1" runat="server" BodyPadding="5px" Layout="HBox" ShowBorder="true" ShowHeader="true" Title="Panel">
  3. <Items>
  4. <x:Panel ID="Panel2" runat="server" BodyPadding="5px" BoxFlex="3" Title="Panel">
  5. </x:Panel>
  6. <x:Panel ID="Panel3" runat="server" BodyPadding="5px" BoxFlex="7" Title="Panel">
  7. </x:Panel>
  8. </Items>
  9. </x:Panel>
复制代码

谢谢，但好像只有在设定父Panel一个固定高度才有效，否则子Panel 还不能100%高度。
例如我要如上全屏100%高度咋办？
作者: bluer    时间: 2013-11-13 08:52
你的代码就是100%高度了呀？？？？？没有听懂
作者: 亦颖    时间: 2013-11-13 20:20
[attach]3645[/attach]
但我后面的代码实际运行效果，内部的Panel就那么点点高度
作者: bluer    时间: 2013-11-14 11:39
外部panel  BoxConfigAlign="Stretch"  注意这个属性。谢谢！



欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/) Powered by Discuz! X3.4