我在学生和兴趣爱好之间建立联系时遇到了麻烦。我通过可编辑的网络网格显示我的数据。 webgrid 有名称文本框、国家/地区选择下拉菜单和爱好复选框。
我希望当用户选择每个学生的爱好...可能是一个或多个并按下提交按钮时，我应该能够从学生视图模型中了解每个学生的爱好。
由于缺乏知识，我无法做到这一点。
这就是我的用户界面的样子
这样我就在每一行网络网格中生成复选框。
grid.Column(header: "Hobbies",
format: @<text>
@for (var i = 0; i < Model.Hobbies.Count; i++)
{
<div class="checkbox">
@Html.HiddenFor(m => m.Hobbies[i].ID)
@Html.HiddenFor(m => m.Hobbies[i].Name)
@Html.CheckBoxFor(m => m.Hobbies[i].Checked)
@Html.LabelFor(m =>m.Hobbies[i].ID, Model.Hobbies[i].Name)
</div>
}
</text>)
我的完整剃须刀代码
@model MVCCRUDPageList.Models.StudentListViewModel
@{
ViewBag.Title = "Index";
}
<h2>Student View Model</h2>
@using (Html.BeginForm("Index", "WebGridMoreControls", FormMethod.Post))
{
var grid = new WebGrid(Model.Students, canSort: false, canPage: false);
var rowNum = 0;
var SelectedHobbies = 0;
<div id="gridContent" style=" padding:20px; ">
@grid.GetHtml(
tableStyle: "table",
alternatingRowStyle: "alternate",
selectedRowStyle: "selected",
headerStyle: "header",
columns: grid.Columns
(
grid.Column(null, header: "Row No", format: item => rowNum = rowNum + 1),
grid.Column("ID", format: (item) => @Html.TextBoxFor(m => m.Students[rowNum - 1].ID, new { @class = "edit-mode" })),
grid.Column("Name", format: (item) => @Html.TextBoxFor(m => m.Students[rowNum - 1].Name, new { @class = "edit-mode" })),
grid.Column("Country", format: (item) =>
@Html.DropDownListFor(x => x.Students[rowNum - 1].CountryID,
new SelectList(Model.Country, "ID", "Name", item.CountryID),
"-- Select Countries--", new { id = "cboCountry", @class = "edit-mode" })),
grid.Column(header: "Hobbies",
format: @<text>
@for (var i = 0; i < Model.Hobbies.Count; i++)
{
<div class="checkbox">
@Html.HiddenFor(m => m.Hobbies[i].ID)
@Html.HiddenFor(m => m.Hobbies[i].Name)
@Html.CheckBoxFor(m => m.Hobbies[i].Checked)
@Html.LabelFor(m =>m.Hobbies[i].ID, Model.Hobbies[i].Name)
</div>
}
</text>)
))
<input type="submit" value="Submit" />
</div>
}
我的控制器和操作代码
public class WebGridMoreControlsController : Controller
{
// GET: WebGridMoreControls
public ActionResult Index()
{
StudentListViewModel osvm = new StudentListViewModel();
return View(osvm);
}
[HttpPost]
public ActionResult Index(StudentListViewModel oStudentListViewModel)
{
return View(oStudentListViewModel);
}
}
我的视图模型代码
public class StudentListViewModel
{
public IList<Student> Students { get; set; }
public List<Country> Country { get; set; }
public IList<Hobby> Hobbies { get; set; }
public StudentListViewModel()
{
Students = new List<Student>
{
new Student{ID=1,Name="Keith",CountryID=0},
new Student{ID=2,Name="Paul",CountryID=2},
new Student{ID=3,Name="Sam",CountryID=3}
};
Country = new List<Country>
{
new Country{ID=1,Name="India"},
new Country{ID=2,Name="UK"},
new Country{ID=3,Name="USA"}
};
Hobbies = new List<Hobby>
{
new Hobby{ID=1,Name="Football",Checked=false},
new Hobby{ID=2,Name="Hocky",Checked=false},
new Hobby{ID=3,Name="Cricket",Checked=false}
};
}
}
我的型号代码
public class Student
{
public int ID { get; set; }
[Required(ErrorMessage = "First Name Required")]
public string Name { get; set; }
//[Required(ErrorMessage = "Last Name Required")]
//public string LastName { get; set; }
public int CountryID { get; set; }
}
public class Country
{
public int ID { get; set; }
public string Name { get; set; }
}
public class Hobby
{
public int ID { get; set; }
public string Name { get; set; }
public bool Checked { get; set; }
}
请帮助我实现我想要实现的目标。谢谢
EDIT 1
@for (var i = 0; i < Model.Hobbies.Count; i++)
{
<div class="checkbox">
@Html.HiddenFor(m => m.Hobbies[i].ID)
@Html.HiddenFor(m => m.Hobbies[i].Name)
@Html.HiddenFor(m => m.Students[rowNum - 1].Hobbies[i].ID)
@Html.CheckBoxFor(m => m.Students[rowNum - 1].Hobbies[i].Checked)
@*@Html.CheckBoxFor(m => m.Hobbies[i].Checked)*@
@Html.LabelFor(m =>m.Hobbies[i].ID, Model.Hobbies[i].Name)
</div>
}
