FineUI 官方论坛

标题: 【非BUG,已解决】一个Form行显示两个Tree控件非正常显示 [打印本页]

作者: szjazz    时间: 2014-11-6 15:24
标题: 【非BUG,已解决】一个Form行显示两个Tree控件非正常显示
[attach]6771[/attach]
文件名称:WebForm1.aspx,麻烦三石先生测试

作者: sanshi    时间: 2014-11-21 10:35
这个问题很简单,你的布局没用对,如果你实现看下示例的话,相信很快就能解决:http://fineui.com/demo/#/demo/layout/column.aspx

Panel2用了 Column 布局,所以子项就要设置相应的 ColumnWidth 或者 Width,如下所示:
  1. <f:FormRow ID="FormRow1" runat="server">
  2.                             <Items>
  3.                                 <f:Panel ID="Panel2" runat="server" BodyPadding="0px" ShowBorder="false" ShowHeader="true" Title="字段列表(函数)" Height="250px" Layout="Column" BoxConfigAlign="StretchMax" BoxConfigPosition="Start">
  4.                                     <Items>
  5.                                         <f:Panel ID="Panel3" runat="server" ShowHeader="true" ColumnWidth="50%" Title="字段列表">
  6.                                             <Items>
  7.                                                 <f:Tree ID="Tree1" runat="server" Title="" ShowHeader="true" ShowBorder="true">
  8.                                                     <Nodes>
  9.                                                         <f:TreeNode Text="11"></f:TreeNode>
  10.                                                         <f:TreeNode Text="22"></f:TreeNode>
  11.                                                     </Nodes>
  12.                                                 </f:Tree>
  13.                                             </Items>
  14.                                         </f:Panel>
  15.                                         <f:Panel ID="Panel7" runat="server" ShowHeader="true" ColumnWidth="50%" Title="选项">
  16.                                             <Items>
  17.                                                 <f:Tree ID="Tree2" runat="server" Title="" ShowHeader="true" ShowBorder="true">
  18.                                                     <Nodes>
  19.                                                         <f:TreeNode Text="33"></f:TreeNode>
  20.                                                         <f:TreeNode Text="44"></f:TreeNode>
  21.                                                     </Nodes>
  22.                                                 </f:Tree>
  23.                                             </Items>
  24.                                         </f:Panel>
  25.                                     </Items>
  26.                                 </f:Panel>
  27.                             </Items>
  28.                         </f:FormRow>
复制代码


开源版截图:
[attach]6830[/attach]


专业版截图:
[attach]6831[/attach]







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