FineUI 官方论坛

标题: 【已确认】（专业版2.2.1）RadioButtonList属性ColumnNumber="2"时... [打印本页]
作者: Mr.Wu    时间: 2015-2-24 11:44
标题: 【已确认】（专业版2.2.1）RadioButtonList属性ColumnNumber="2"时...
前台代码：
  1. <f:GroupPanel ID="GroupPanel2" Title="基本信息" runat="server">
  2.                                     <Items>
  3.                                         <f:Panel ID="Panel4" Layout="HBox" BoxConfigAlign="Stretch" ShowHeader="false" ShowBorder="false" runat="server">
  4.                                             <Items>
  5.                                                 <f:TextBox ID="TextBox1" LabelWidth="80px" Label="报名序号" CssClass="margin_right"
  6.                                                     BoxFlex="1" Required="true" ShowRedStar="true" runat="server">
  7.                                                 </f:TextBox>
  8.                                                 <f:RadioButtonList ID="rblType" ShowLabel="false" runat="server" ColumnNumber="3" BoxFlex="1" CssClass="type">
  9.                                                     <f:RadioItem Text="自动生成" Value="auto" Selected="true" />
  10.                                                     <f:RadioItem Text="手工输入" Value="manual" />
  11.                                                 </f:RadioButtonList>
  12.                                             </Items>
  13.                                         </f:Panel>
  14.                                     </Items>
  15.                                 </f:GroupPanel>
复制代码



ColumnNumber="1"时正确：[attach]7214[/attach]

ColumnNumber="2"时，有问题，效果居然和ColumnNumber="1"时一样：
[attach]7215[/attach]

ColumnNumber="3"时，是正确的：
[attach]7216[/attach]






作者: sanshi    时间: 2015-2-24 18:34
把 CssClass="margin_right"  和 CssClass="type" 这两个样式贴出来看下
作者: Mr.Wu    时间: 2015-2-24 20:51
sanshi 发表于 2015-2-24 18:34
把 CssClass="margin_right"  和 CssClass="type" 这两个样式贴出来看下

这个样式只是我方便看效果加个边框而已：
    <style>
        .margin_right {
            margin-right: 10px;
        }

        .type {
            border: 1px solid blue;
        }
    </style>
作者: sanshi    时间: 2015-2-24 20:58
Mr.Wu 发表于 2015-2-24 20:51
这个样式只是我方便看效果加个边框而已：
   
        .margin_right {



应该还是有其他样式的影响，你看我按照你给的例子得到的效果（ColumnNumber="2"）：

[attach]7217[/attach]


=====
如果方便，请把这个页面引用的全部CSS样式文件上传上来看下

作者: Mr.Wu    时间: 2015-2-24 21:11
本帖最后由 Mr.Wu 于 2015-2-24 21:13 编辑
sanshi 发表于 2015-2-24 20:58
应该还是有其他样式的影响，你看我按照你给的例子得到的效果（ColumnNumber="2"）：

页面开头：
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../res/css/main.css" rel="stylesheet" type="text/css" />
    <style>
        .margin_right {
            margin-right: 10px;
        }

        .type {
            border: 1px solid blue;
        }
    </style>
</head>
其中"../res/css/main.css" 就是在线示例里面的。

行代码：
  1.                                         <f:Panel ID="Panel4" Layout="HBox" BoxConfigAlign="Stretch" ShowHeader="false" ShowBorder="false" runat="server">
  2.                                             <Items>
  3.                                                 <f:TextBox ID="tbxBaominghao" LabelWidth="80px" Label="报名序号" CssClass="margin_right"
  4.                                                     BoxFlex="1" Required="true" ShowRedStar="true" runat="server" NextFocusControl="tbxXingming"
  5.                                                     MaxLength="9" MaxLengthMessage="会考证号必须是9位长度" MinLengthMessage="会考证号必须是9位长度" MinLength="9">
  6.                                                 </f:TextBox>
  7.                                                 <f:RadioButtonList ID="rblType" ShowLabel="false" runat="server" ColumnNumber="2" BoxFlex="1" CssClass="type">
  8.                                                     <f:RadioItem Text="自动生成" Value="auto" Selected="true" />
  9.                                                     <f:RadioItem Text="手工输入" Value="manual" />
  10.                                                 </f:RadioButtonList>
  11.                                             </Items>
  12.                                         </f:Panel>
复制代码




作者: sanshi    时间: 2015-2-24 21:21
Mr.Wu 发表于 2015-2-24 21:11
页面开头：

   

未能重现，请给完整示例，发到我的邮箱：30372245 AT qq.com
作者: Mr.Wu    时间: 2015-2-24 21:40
sanshi 发表于 2015-2-24 21:21
未能重现，请给完整示例，发到我的邮箱：30372245 AT qq.com

已发邮箱，麻烦老大帮看看，谢谢了
作者: Mr.Wu    时间: 2015-3-9 11:56
经验：像下面这种CheckBoxList外面有Panel的，要设置 Layout="Fit"，否则好像ColumnNumber="3"作用不如想像中那样。
  1. <f:Panel ID="Panel2" Layout="Fit" BoxConfigAlign="Stretch" ShowHeader="false" ShowBorder="false" runat="server">
  2.         <Items>
  3.             <f:CheckBoxList ID="cblSystem" runat="server" ColumnNumber="3">
  4.                 <f:CheckItem Text="用户信息表[Users]" Value="Users" />
  5.                 <f:CheckItem Text="菜单表[Menus]" Value="Menus" />
  6.                 <f:CheckItem Text="日志表[Logs]" Value="Logs" />
  7.             </f:CheckBoxList>
  8.         </Items>
  9.     </f:Panel>
复制代码




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