RadioButton位置不对且可多选

yygy

1. @section body {
   
2.     @(F.Form()
   
3.         .ID("SimpleForm1")
   
4.         .ShowBorder(true)
   
5.         .BodyPadding(10)
   
6.         .CssClass("f-shadow")
   
7.         .LabelWidth(80)
   
8.         .ShowHeader(true)
   
9.         .Title("统计")
   
10.         .Width(350)
    
11.         .Items(
    
12.             F.RadioButton()
    
13.                 .ID("rbtnFirst")
    
14.                 .Label("选项：")
    
15.                 .Checked(true)
    
16.                 .GroupName("MyRadioGroup1")
    
17.                 .Text("全部"),
    
18.              F.FormRow()
    
19.                 .ID("FormRow1")
    
20.                 .ColumnWidths("45% 30%")
    
21.                 .Items(
    
22.                      F.RadioButton()
    
23.                        .ID("rbtnSecond")
    
24.                        .GroupName("MyRadioGroup1")
    
25.                        .ShowEmptyLabel(true)
    
26.                        .Text("栋名"),
    
27.                      F.TextBox()
    
28.                        .ID("TextBox1")
    
29.                        .ShowLabel(false)
    
30.                ),
    
31.                F.FormRow()
    
32.                  .ID("FormRow2")
    
33.                  .ColumnWidths("45% 30%")
    
34.                  .Items(
    
35.                      F.RadioButton()
    
36.                        .ID("rbtnSecond")
    
37.                        .GroupName("MyRadioGroup1")
    
38.                        .Text("房号"),
    
39.                      F.TextBox()
    
40.                        .ID("TextBox2")
    
41.                        .ShowLabel(false)
    
42.                )
    
43.         )
    
44.     )
    
45. }

复制代码

一组RadioButton有3个选择，但最后2个可同时选择且位置不符
浏览器：chrome

yygy

位置不对原来少了一个.ShowEmptyLabel(true)，但是可同时多选怎样解决？

sanshi

.GroupName("MyRadioGroup1") ，这个就是保证单选的，可以对比下示例：http://fineui.com/demo_mvc/#/demo_mvc/Form/RadioButton

yygy

示例看过了，跟示例不同的是RadioButton外面边多了个FormRow，不过自己还是解决了，就想知道这是不是BUG。
        public ActionResult OnCheckedChanged1(bool isChecked)
        {
            if (isChecked)
            {
                UIHelper.CheckBox("RadioButton2").Checked(false);
                UIHelper.CheckBox("RadioButton3").Checked(false);
            }
            return UIHelper.Result();
        }
        public ActionResult OnCheckedChanged2(bool isChecked)
        {
            if (isChecked)
            {
                UIHelper.CheckBox("RadioButton1").Checked(false);
                UIHelper.CheckBox("RadioButton3").Checked(false);
                UIHelper.CheckBox("TextBox1").Focus();
            }
            return UIHelper.Result();
        }
        public ActionResult OnCheckedChanged3(bool isChecked)
        {
            if (isChecked)
            {
                UIHelper.CheckBox("RadioButton2").Checked(false);
                UIHelper.CheckBox("RadioButton1").Checked(false);
                UIHelper.CheckBox("TextBox2").Focus();
            }
            return UIHelper.Result();
        }