FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 12363|回复: 10
打印 上一主题 下一主题

急求一个解决方法。。。。。。。。。。。。。。。。

[复制链接]
跳转到指定楼层
楼主
发表于 2012-3-25 11:07:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
form里的一行:一个textbox + 两个button

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

现在我想后两个按钮紧贴左边的textbox,就是中间不要分这么开
沙发
发表于 2012-3-25 21:25:43 | 只看该作者
这个应该是你想要的效果:


  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. }
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
板凳
发表于 2012-3-25 22:55:16 | 只看该作者
在下一个版本中(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                                
地板
 楼主| 发表于 2012-3-26 15:14:12 | 只看该作者
就是这效果,ColumnWidths终于可以指定px了
5#
发表于 2012-3-27 14:27:59 | 只看该作者
强。这效果在页面排列是必须的
6#
发表于 2012-3-27 15:01:25 | 只看该作者
期待好久了,之前我在博客提过这问题,还有就是lable和textbox间距问题,不知道这个现在有没有变通方法
7#
发表于 2012-3-27 15:11:38 | 只看该作者
/可爱WEBMAN 发表于 2012-3-27 15:01
期待好久了,之前我在博客提过这问题,还有就是lable和textbox间距问题,不知道这个现在有没有变通方法 ...

目前好像只能在web.config里统一配置 FormLabelWidth="100"
8#
 楼主| 发表于 2012-3-28 08:15:50 | 只看该作者
每个form都可以设置FormLabelWidth的
9#
发表于 2012-3-28 21:33:36 | 只看该作者
可以在form里设置labelwidth,但有的有五六个字,有的只有二个字,还是有些不方便,呵呵,加上lableright就好了。
3.1.1什么时候出呢?
10#
发表于 2012-3-28 21:49:25 | 只看该作者
3.1.1 已经加上了LabelAlign属性
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-25 15:11 , Processed in 0.048016 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表