FineUIPro中FormRow标签中的控件无法显示

liuguo0530

各位兄弟，请问下，如下代码为什么在FineUIPro版本中显示不出来(GroupPanel控件可以显示，但是FormRow控件里面的内容显示不出来 )，谢谢！
<f:GroupPanel ID="groupPanel" runat="server" EnableCollapse="True" Title="查询条件" Layout="Column">
        <Items>
                <f:Form ID="pnlFind" runat="server" BodyPadding="5px" Layout="Column" ShowBorder="False" ShowHeader="False">
                        <Rows>
                                <f:FormRow runat="server">
                                        <Items>
                                                <f:TextBox Label="登陆账号" ID="txtLoginName" runat="server" Width="260px" LabelWidth="65px" />
                                                <f:TextBox ID="txtUserNo" runat="server" Label="员工编号" LabelWidth="65px" Width="260px">
                                                </f:TextBox>
                                                <f:TextBox Label="中文名称" ID="txtCName" runat="server" Width="260px" LabelWidth="65px" />
                                                <f:TriggerBox ID="tgDeptName" runat="server" EnablePostBack="False" Label="所属部门" LabelWidth="65px" TabIndex="49" Width="260px" ShowTrigger="False">
                                                </f:TriggerBox>
                                                <f:Button ID="btnClear" runat="server" CssClass="mright" Text="清空">
                                                </f:Button>
                                                <f:Button ID="btnFind" runat="server" CssClass="mright" Icon="Find" Text="查询">
                                                </f:Button>
                                        </Items>
                                </f:FormRow>
                               
                        </Rows>
                </f:Form>
        </Items>
</f:GroupPanel>

sanshi

布局不对，Form不要设置布局，GroupPanel设置Layout=Fit，因为里面只有一个控件：

1. <f:GroupPanel ID="groupPanel" runat="server" EnableCollapse="True" Title="查询条件" Layout="Fit" Width="600px">
   
2.             <Items>
   
3.                 <f:Form ID="pnlFind" runat="server" BodyPadding="5px" ShowBorder="False" ShowHeader="False">
   
4.                     <Rows>
   
5.                         <f:FormRow runat="server">
   
6.                             <Items>
   
7.                                 <f:TextBox Label="登陆账号" ID="txtLoginName" runat="server" Width="260px" LabelWidth="65px" />
   
8.                                 <f:TextBox ID="txtUserNo" runat="server" Label="员工编号" LabelWidth="65px" Width="260px">
   
9.                                 </f:TextBox>
   
10.                                 <f:TextBox Label="中文名称" ID="txtCName" runat="server" Width="260px" LabelWidth="65px" />
    
11.                                 <f:TriggerBox ID="tgDeptName" runat="server" EnablePostBack="False" Label="所属部门" LabelWidth="65px" TabIndex="49" Width="260px" ShowTrigger="False">
    
12.                                 </f:TriggerBox>
    
13.                                 <f:Button ID="btnClear" runat="server" CssClass="mright" Text="清空">
    
14.                                 </f:Button>
    
15.                                 <f:Button ID="btnFind" runat="server" CssClass="mright" Icon="Find" Text="查询">
    
16.                                 </f:Button>
    
17.                             </Items>
    
18.                         </f:FormRow>
    
19. 
    
20.                     </Rows>
    
21.                 </f:Form>
    
22.             </Items>
    
23.         </f:GroupPanel>

复制代码

显示效果：

liuguo0530

谢谢三石兄！
不过个人感觉在该情况下，Form标签中应该要支持Layout="Column" 这个属性。开原版的就支持这种方式显示，且使用该方式的显示效果是当浏览器调整大小之后，Form中子控件可以根据浏览器的宽度自动换行显示(子控件的宽度保持不变)，而不是自动缩小Form中子控件的宽度。
不知道在专业版中是否可以通过其他布局方式实现开源版中同样的效果！？

bdd

sanshi 发表于 2016-5-2 21:24
布局不对，Form不要设置布局，GroupPanel设置Layout=Fit，因为里面只有一个控件：

这个Grouppanel中嵌套Form的Layout最好设置成VBox，如果设置成Fit的话，使用弹框，缩放后就会出现水平滚动条，用VBox就不会。我不知道这是不是Bug？

sanshi

bdd 发表于 2016-10-3 10:43
这个Grouppanel中嵌套Form的Layout最好设置成VBox，如果设置成Fit的话，使用弹框，缩放后就会出现水平滚 ...

请单独发帖，上传可直接运行的示例