asp.net-mvc-3 – 如何将单选按钮与ASP.Net MVC中的模型数据进行

发布时间：2020-12-15 19:43:50 所属栏目：asp.Net 来源：网络整理

导读：我想以我的形式显示一个将从模型数据填充的单选按钮. 这是我的模特儿 public class Student { [Required(ErrorMessage = "First Name Required")] // textboxes will show [Display(Name = "First Name :")] [StringLength(5,ErrorMessage = "First Name can

我想以我的形式显示一个将从模型数据填充的单选按钮.

这是我的模特儿

public class Student
    {
        [Required(ErrorMessage = "First Name Required")] // textboxes will show
        [Display(Name = "First Name :")]
        [StringLength(5,ErrorMessage = "First Name cannot be longer than 5 characters.")]
        public string FirstName { get; set; }

[Required(ErrorMessage = "Last Name Required")] // textboxes will show
        [Display(Name = "Last Name :")]
        [StringLength(5,ErrorMessage = "Last Name cannot be longer than 5 characters.")]
        public string LastName { get; set; }

[Required(ErrorMessage = "Sex Required")] // group of radio button will show
        [Display(Name = "Sex :")]
        public List<Sex> Sex { get; set; }

}

public class Sex
    {
        public string ID { get; set; }
        public string Type { get; set; }
    }

在这里,我正在尝试从动作方法手动填充学生模型

public AcitonResult Index()
{
var student=  new Student 
{
    FirstName = "Rion",LastName = "Gomes",Sex= new List<Sex>
        {
            new Sex{ID="1",Type = "Male"},new Sex{ID="2",Type = "Female"}
        }    
}    
    return View(student);
}

现在我怎么可以生成一个单选按钮,它将以Male&女性和值将具有ID

我搜索了谷歌,发现很多样本,我使用了一个但不确定它是否可行.
这里是单选按钮代码.

@Html.RadioButtonFor(x => x.Sex,"Male")

我不想硬编码男性或女性;我想通过一个模型显示它,并希望在for循环中生成单选按钮.

我也是新MVC,所以请指导我.

解决方法

如果我理解正确,您应该更改您的学生模型,以使属性“性别”为一个整数,然后您应该有另一个属性称为“SexList”,您填充列表.此更改将允许您发布数据并检索用户选择的性别.

如果你使用Razor视图引擎,你应该这样做：

@{ 
    foreach (var sex in Model.SexList)
    {
        <div>
            @Html.RadioButtonFor(model => model.Sex,new { id = "sex" + sex.ID })
            @Html.Label("sex" + sex.ID,sex.Type)
        </div>
    }
}

编辑：

你的模型应该是这样的：

public class Student
{
    [Required(ErrorMessage = "First Name Required")] // textboxes will show
    [Display(Name = "First Name :")]
    [StringLength(5,ErrorMessage = "First Name cannot be longer than 5 characters.")]
    public string FirstName { get; set; }

    [Required(ErrorMessage = "Last Name Required")] // textboxes will show
    [Display(Name = "Last Name :")]
    [StringLength(5,ErrorMessage = "Last Name cannot be longer than 5 characters.")]
    public string LastName { get; set; }

    [Required(ErrorMessage = "Sex Required")]
    [Display(Name = "Sex :")]
    public Sex Gender { get; set; }

    public List<Sex> SexList { get; set; }

}

public class Sex
{
    public string ID {get;set;}
    public string Type {get;set;}
}

您在控制器中的操作：

[HttpGet]
public AcitonResult Index()
{
    var student = new Student 
    {
        FirstName = "Rion",//I think the best way to populate this list is to call a service here.
        SexList = new List<Sex>
        {
            new Sex{ID="1",Type = "Female"}
        }    
    }    

    return View(student);
}

和视图：

@Html.BeginForm()
{
    <div>
        @Html.LabelFor(model => model.FirstName)
        @Html.EditorFor(model => model.FirstName)
        @Html.ValidationMessageFor(model => model.FirstName)
    </div>
    <div>
        @Html.LabelFor(model => model.LastName)
        @Html.EditorFor(model => model.LastName)
        @Html.ValidationMessageFor(model => model.LastName)
    </div>
    @{ 
        foreach (var sex in Model.SexList)
        {
            <div>
                @Html.RadioButtonFor(model => model.Gender,new { id = "sex" + sex.ID })
                @Html.Label("sex" + sex.ID,sex.Type)
            </div>
        }
    }

    <input type="submit" value"Submit" />
}

你应该在你的控制器中采取这样的行动,这是提交将发布数据的地方：

[HttpPost]
public AcitonResult Index(Student model)
{
    if (ModelState.IsValid)
    {
        //TODO: Save your model and redirect 
    }

    //Call the same service to initialize your model again (cause we didn't post the list of sexs)
    return View(model);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!