1

基本上，我有一个带有文本框、单选按钮和复选框控件的表单。现在我在提交页面时遇到复选框控件的问题我有这样的模型

public class PersonDetails
{
    public int personID { get; set; }
    public string PersonName { get; set; }
    public string Gender { get; set; }
    public List<Education> Education { get; set; }
    public string EmailID { get; set; }
    public string Address { get; set; }

}

public class Education
{
    public string Qualification { get; set; }
    public bool Checked { get; set; }

    public List<Education> GetQualification()
    {
        return new List<Education>{
    new Education {Qualification="SSC",Checked=false},
    new Education {Qualification="HSC",Checked=false},
    new Education {Qualification="Graduation",Checked=false},
    new Education {Qualification="PostGraduation",Checked=false} 
    };
    }
}

我有这样的看法

@using (Html.BeginForm("GetDetails", "User", FormMethod.Post, new { id = "person-form" }))
{
    <div class="col-xs-12">
    <label>Person Name</label>
    @Html.TextBoxFor(x => x.PersonName)
    </div>
    <div class="col-xs-12">
    <label>Gender</label>
    @Html.RadioButtonFor(x => x.Gender, "Male")
    @Html.RadioButtonFor(x => x.Gender, "Female")
    </div>
    <div class="col-xs-12">
    <label>Education</label>
    @{
    Html.RenderPartial("Qualification", new LearnAuthentication.Controllers.Education().GetQualification());
    }

    </div>

    <div class="col-xs-12">
    <input type="submit" value="Submit" />
    </div>
}

和这样的局部视图

@model List<LearnAuthentication.Controllers.Education>
<br />
@for (int i = 0; i < Model.Count(); i++)
{
    @Html.HiddenFor(x => Model[i].Qualification)
    @Html.CheckBoxFor(x => Model[i].Checked)
    @Html.DisplayFor(x => Model[i].Qualification)
<br />
}

我的行动方法是这样的

[HttpPost]
public ActionResult GetDetails(PersonDetails personDetails)
{
    return View();
}

现在，当我运行我的应用程序时，我倾向于获取所有信息，但是当我提交页面时，我得到了这个带有空值的属性

公开名单教育{得到; 放; }

你们中的任何人都可以帮助我解决我做错的事情吗，或者您可以指导我如何实现这一目标的正确道路。

4

1 回答 1

1

您使用部分来生成控件Education是生成输入，例如

<input type="hidden" name="[0].Qualification" ... />
<input type="hidden" name="[1].Qualification" ... />

但为了绑定，它们需要具有与您的模型匹配的名称属性

<input type="hidden" name="Education[0].Qualification" ... />
<input type="hidden" name="Education[1].Qualification" ... />

将您的部分重命名为Education.cshtml（以匹配类的名称）并将其移动到您的/Views/Shared/EditorTemplates文件夹（或者/Views/yourControllerName/EditorTemplates如果您想要一个仅用于该控制器的特定模板）

然后将部分更改为

@model LearnAuthentication.Controllers.Education

@Html.HiddenFor(m => m.Qualification)
@Html.LabelFor(m => m.Checked)
@Html.CheckBoxFor(m => m.Checked)
@Html.DisplayFor(m => m.Qualification)

并在主视图中替换

<label>Education</label>
@{ Html.RenderPartial("Qualification", new LearnAuthentication.Controllers.Education().GetQualification()); }

和

<span>Education</span> // its not a label
@Html.EditorFor(m => m.Education)

这将为您的集合中的每个项目正确生成正确的 html

旁注：其他可行的替代方法是将 POST 方法签名更改为

[HttpPost]
public ActionResult GetDetails(PersonDetails personDetails List<Education> educationDetails)

或将传递给局部视图，如从传递给局部视图的嵌套复杂对象HtmlFieldPrefix中获取值中所述

于 2016-08-23T00:43:34.883 回答