【非BUG，已解决】一个Form行显示两个Tree控件非正常显示

szjazz

文件名称：WebForm1.aspx，麻烦三石先生测试

sanshi

这个问题很简单，你的布局没用对，如果你实现看下示例的话，相信很快就能解决：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>

复制代码

开源版截图：



专业版截图：