FineUI 官方论坛

标题: 急求一个解决方法。。。。。。。。。。。。。。。。 [打印本页]
作者: yezie    时间: 2012-3-25 11:07
标题: 急求一个解决方法。。。。。。。。。。。。。。。。
form里的一行：一个textbox + 两个button

默认站位是总宽度的3等分，就算设置了ColumnWidths也是%不是像素（浏览器大小不一样导致控件之间空隙不一样）

现在我想后两个按钮紧贴左边的textbox，就是中间不要分这么开
作者: sanshi    时间: 2012-3-25 21:25
这个应该是你想要的效果：
[attach]130[/attach]

  1. <ext:Form Width="600px" BodyPadding="5px" Title="表单" runat="server">
  2.     <Rows>
  3.         <ext:FormRow ColumnWidths="50% 50%">
  4.             <Items>
  5.                 <ext:TextBox Label="用户名" runat="server">
  6.                 </ext:TextBox>
  7.                 <ext:Panel ID="Panel1" ShowHeader="false" ShowBorder="false" runat="server">
  8.                     <Items>
  9.                         <ext:Button Text="按钮一" CssClass="inline" runat="server">
  10.                         </ext:Button>
  11.                         <ext:Button ID="Button1" Text="按钮二" runat="server">
  12.                         </ext:Button>
  13.                     </Items>
  14.                 </ext:Panel>
  15.             </Items>
  16.         </ext:FormRow>
  17.     </Rows>
  18. </ext:Form>
复制代码

其实用的都是现有的知识，要能变通地想问题....


附Css的样式定义：
  1. .inline
  2. {
  3.     margin-right: 5px;
  4.     float: left;
  5. }
复制代码



作者: sanshi    时间: 2012-3-25 22:55
在下一个版本中（v3.1.1），你可以简单地这样写：
  1. <ext:Form ID="Form2" Width="600px" BodyPadding="5px" Title="表单" runat="server">
  2.         <Rows>
  3.             <ext:FormRow ColumnWidths="50% 60px 60px">
  4.                 <Items>
  5.                     <ext:TextBox ID="TextBox1" Label="用户名" runat="server">
  6.                     </ext:TextBox>
  7.                     <ext:Button ID="Button1" Text="按钮一" CssClass="inline" runat="server">
  8.                     </ext:Button>
  9.                     <ext:Button ID="Button2" Text="按钮二" runat="server">
  10.                     </ext:Button>
  11.                 </Items>
  12.             </ext:FormRow>
  13.         </Rows>
  14.     </ext:Form>
复制代码

ChangeSet：74906                                
作者: yezie    时间: 2012-3-26 15:14
就是这效果，ColumnWidths终于可以指定px了
作者: 幻之达    时间: 2012-3-27 14:27
强。这效果在页面排列是必须的
作者: /可爱WEBMAN    时间: 2012-3-27 15:01
期待好久了，之前我在博客提过这问题，还有就是lable和textbox间距问题，不知道这个现在有没有变通方法
作者: Landroid    时间: 2012-3-27 15:11
/可爱WEBMAN 发表于 2012-3-27 15:01
期待好久了，之前我在博客提过这问题，还有就是lable和textbox间距问题，不知道这个现在有没有变通方法 ...

目前好像只能在web.config里统一配置 FormLabelWidth="100"
作者: yezie    时间: 2012-3-28 08:15
每个form都可以设置FormLabelWidth的
作者: awxtggg    时间: 2012-3-28 21:33
可以在form里设置labelwidth，但有的有五六个字，有的只有二个字，还是有些不方便，呵呵，加上lableright就好了。
3.1.1什么时候出呢？
作者: sanshi    时间: 2012-3-28 21:49
3.1.1 已经加上了LabelAlign属性
作者: 落末醉    时间: 2012-3-29 15:59
我觉加了LABEL有好有差
  说实在 其实我是觉没必要的 感觉是多了方便 实际布局的时候我们更麻烦了 还不如不要



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