FineUI 官方论坛

标题: 关于用table布局 不显示lable的问题 [打印本页]
作者: Dark_sky    时间: 2012-4-22 23:51
标题: 关于用table布局 不显示lable的问题
本帖最后由 Dark_sky 于 2012-4-23 10:31 编辑

[attach]340[/attach]
要设计类似这样的布局 该如何设计了。。麻烦给我点参考的代码 谢谢饿

作者: Landroid    时间: 2012-4-23 09:59
panel和form要选择合适的用。
表单元素尽量放在form或者simpleform中，label才显示。
form中的formrow可以放多个控件，并且一行可以对每列设置宽度，比这种panel加simpleform加panel的，方便多了
作者: Dark_sky    时间: 2012-4-23 10:14
Landroid 发表于 2012-4-23 09:59
panel和form要选择合适的用。
表单元素尽量放在form或者simpleform中，label才显示。
form中的formrow可以 ...

意思我要做一个比较复杂的填报数据的表格 就需要用到多个panel 多个 form 是这个意思么
作者: Landroid    时间: 2012-4-23 10:19
Dark_sky 发表于 2012-4-23 10:14
意思我要做一个比较复杂的填报数据的表格 就需要用到多个panel 多个 form 是这个意思么 ...

最外部可以使用panel对内部的多个form设置布局，内部用form足矣
假如页面就是由上至下展示的表单，只用form都足够了
作者: Dark_sky    时间: 2012-4-23 10:32
Landroid 发表于 2012-4-23 10:19
最外部可以使用panel对内部的多个form设置布局，内部用form足矣
假如页面就是由上至下展示的表单，只用fo ...

我上传了个布局的样式。。麻烦帮忙看看该如何设计。。给我点参考代码。。我有点没明白 一个panel如何对内部多个form进行布局
作者: Landroid    时间: 2012-4-23 10:53
Dark_sky 发表于 2012-4-23 10:32
我上传了个布局的样式。。麻烦帮忙看看该如何设计。。给我点参考代码。。我有点没明白 一个panel如何对内 ...
  1. <ext:Form ID="FormBasic" runat="server" BodyPadding="15px" EnableBackgroundColor="true" Title="信息" EnableCollapse="True" >
  2.         <Rows>
  3.             <ext:FormRow ID="FormRow5" runat="server" ColumnWidths="66% 33%">
  4.             <Items>
  5.             <ext:Form ID="Form2" runat="server" EnableBackgroundColor="true"
  6.                 Title="Form" ShowHeader="False" ShowBorder="False">
  7.                 <Rows>
  8.                     <ext:FormRow ID="FormRow1" runat="server">
  9.                     <Items>            
  10.                         <ext:TextBox ID="TextBoxId" runat="server" Label="登录名" Text="" OffsetRight="95px" ShowRedStar="true" Required="true">
  11.                         </ext:TextBox>
  12.                         <ext:TextBox ID="TextBoxName" runat="server" Label="姓名" Text="" OffsetRight="95px">
  13.                         </ext:TextBox>
  14.                     </Items>               
  15.                     </ext:FormRow>
  16.                     <ext:FormRow ID="FormRow6" runat="server">
  17.                     <Items>
  18. <ext:TextBox ID="TextBoxId" runat="server" Label="登录名" Text="" OffsetRight="95px" ShowRedStar="true" Required="true">
  19. </ext:TextBox>
  20. <ext:TextBox ID="TextBoxName" runat="server" Label="姓名" Text="" OffsetRight="95px">
  21. </ext:TextBox>
  22.                     </Items>               
  23.                     </ext:FormRow>
  24.                     <ext:FormRow ID="FormRow7" runat="server">
  25.                     <Items>
  26. <ext:TextBox ID="TextBoxId" runat="server" Label="登录名" Text="" OffsetRight="95px" ShowRedStar="true" Required="true">
  27. </ext:TextBox>
  28. <ext:TextBox ID="TextBoxName" runat="server" Label="姓名" Text="" OffsetRight="95px">
  29. </ext:TextBox>
  30.                     </Items>               
  31.                     </ext:FormRow>
  32.                     <ext:FormRow ID="FormRow9" runat="server">
  33.                     <Items>
  34. <ext:TextBox ID="TextBoxId" runat="server" Label="登录名" Text="" OffsetRight="95px" ShowRedStar="true" Required="true">
  35. </ext:TextBox>
  36. <ext:TextBox ID="TextBoxName" runat="server" Label="姓名" Text="" OffsetRight="95px">
  37. </ext:TextBox>
  38.                     </Items>               
  39.                     </ext:FormRow>                           
  40.                 </Rows>
  41.             </ext:Form>
  42.             <ext:Form ID="Form3" runat="server" EnableBackgroundColor="true"
  43.                 Title="Form" ShowBorder="False" ShowHeader="False" >
  44.                 <Rows>
  45.                     <ext:FormRow ID="FormRow3" runat="server">
  46.                     <Items>
  47.                         <ext:Image ID="ImageHead" ImageUrl="../../Images/nohead.jpg" runat="server"  Label="Label" ImageHeight="120" ImageWidth="120" ShowLabel="False" OffsetRight="25px">
  48.                         </ext:Image>
  49.                     </Items>
  50.                     </ext:FormRow>
  51.                 </Rows>
  52.             </ext:Form>
  53.         </Items>
  54.             </ext:FormRow>               
  55.         </Rows>
  56.     </ext:Form>
复制代码


作者: Dark_sky    时间: 2012-4-23 11:37
Landroid 发表于 2012-4-23 10:53

3Q了 原来可以这么用的。。



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