我有一个部分视图,它使用类(CheckBoxModel)的列表(CheckBoxListModel)以及字符串和布尔值来创建复选框列表。该代码用于创建复选框并在页面发布时将选定的复选框发送回控制器。我正在尝试找到一种方法使我的部分可重用。正如您在代码中看到的,我发送了部分完整模型,这可以在页面发布时获取更新的复选框。我尝试发送模型的 CheckBoxListModel,但它不起作用,因为当它创建复选框时,名称不正确。我想通过向其发送 CheckBoxListModel 来重用该部分,这样我就不必每次需要一组复选框时都创建一个单独的部分。
我尝试将_CheckBoxListPartial.cshtml 更改为
@model MySite.Models.ViewModels.CheckBoxListModel
...
@Html.EditorFor(x => x.CheckBoxes)
...
但如果没有 clmReturnOptions,复选框名称最终为 name="CheckBoxes[0].isChecked" 而不是 name="clmReturnOptions.CheckBoxes[0].isChecked",因此当页面发布并返回到时,它们不会在模型中更新控制器。
我一直在看:http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/但如果不将整个模型发送到我的部分,似乎仍然无法使复选框正常工作。
复选框列表模型.cs
public class CheckBoxListModel: ICheckBoxList
{
public IList<CheckBoxModel> CheckBoxes { get; set; }
public string CheckBoxListTitle { get; set; }
public CheckBoxListModel()
{
}
}
public class CheckBoxModel
{
public string CheckBoxName { get; set; }
public string DisplayName { get; set; }
public bool isChecked { get; set; }
public CheckBoxModel()
{ }
public CheckBoxModel(string checkboxname, string displayname, bool ischecked)
{
CheckBoxName = checkboxname;
DisplayName = displayname;
isChecked = ischecked;
}
}
public interface ICheckBoxList
{
IList<CheckBoxModel> CheckBoxes { get; set; }
string CheckBoxListTitle { get; set; }
}
ReportFilterViewModel.cs
public class ReportFilterViewModel
{
public ReportFilterViewModel()
{
clmReturnOptions = new CheckBoxListModel();
}
public CheckBoxListModel clmReturnOptions { get; set; }
}
filters.cshtml
@model MySite.Areas.Reports.Models.ViewModels.ReportFilterViewModel
...
@if (Model.Filters.IsReturnsOptionsAvailable)
{
Html.RenderPartial("_CheckBoxFilterPartial", Model.clmReturnOptions);
}
...
_CheckBoxFilterPartial.cshtml
@model MySite.Areas.Reports.Models.ViewModels.ICheckBoxList
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Returns Options</title>
</head>
<body>
<div class="col-md-4">
<div class="plm prm ptm pbm configureCellSplitBG configureCellSplitBG-outline mtm">
<div class="row mlm mrm">
<h6>@Model.CheckBoxListTitle</h6>
</div>
@Html.EditorFor(x => x.CheckBoxes)
</div>
</div>
</body>
</html>
CheckBoxModel.cshtml
@model MySite.Areas.Reports.Models.ViewModels.CheckBoxModel
<div class="row mlm mrm">
<div class="form-group">
<label class="checkbox">
@Html.CheckBoxFor(x => x.isChecked, new { @data_toggle = "checkbox" })
@Html.LabelFor(x => x.CheckBoxName, Model.DisplayName)
@Html.HiddenFor(x => x.CheckBoxName)
</label>
</div>
</div>
UPDATE当我查看源代码时,我可以看到复选框名称仍然是:name="CheckBoxes[0].isChecked"
因此,当模型返回控制器时,列表为空
我所做的另一项更改是将 CheckBoxListModel.cs 从 MySite.Models.ViewModels 移动到 MySite.Areas.Reports.Models,因为其他所有内容都在 reports.models 下。
问题似乎出在片面的观点上。如果我把@Html.EditorFor(x => x.clmReturnOptions.CheckBoxes)
在我的主页中,复选框是使用全名创建的,并且已正确更新。一旦我尝试在部分视图中使用 EditorFor,复选框名称就会更改,并且它们返回模型的链接就会中断。我想在部分视图中显示它,这样我就不必在我想要复选框列表的任何地方添加所有 ui 格式。
我已经更新了上面的代码