带有局部视图的 MVC 4 模型绑定

Question

@using (Html.BeginForm("PrintDoorSigns", "TimeTable", FormMethod.Post, new { id = "printDoorSigns" }))
{
    <input type="hidden" id="doorSignDate" name="SelectedDate" />
    <h3>Door Signs</h3>
    <fieldset class="float-left">
        <legend>Date</legend>
        <div id="signsDate"></div>
    </fieldset>
    <div id="doorSignsRoomList" class="float-left">
        @{Html.RenderAction("DoorSignsForm", new { date = DateTime.Now });}
    </div>
    <div>
    <fieldset>
        <legend>Options</legend>
        <button id="SelectAllRooms">Select All</button>
        <button id="RemoveAllRooms">Remove All</button>
    </fieldset>
    </div>
}

我有这个表格可以呈现这个部分视图：

@model WebUI.ViewModels.CalendarVM.DoorSignsFormVM

<fieldset>
    <legend>Rooms</legend>
    @{ var htmlListInfo = new HtmlListInfo(HtmlTag.vertical_columns, 3, null, TextLayout.Default, TemplateIsUsed.No);
        if (Model.Rooms.Count() > 0)
        {
            <div id="roomsWithBookings" class="CheckBoxList float-left">
                @Html.CheckBoxList("SelectedRooms", model => model.Rooms, entity => entity.Value, entity => entity.Text, model => model.SelectedRooms, htmlListInfo)
            </div>
        }
    }   
</fieldset>

控制器动作：

public ActionResult PrintDoorSigns(DateTime SelectedDate, DoorSignsFormVM Model)

当我提交表单时，隐藏的输入“SelectedDate”被很好地传回，并且包含两个 IEnumerable 变量的模型变量不为空。其中一个列表是我期望的 null，因为它不应该被传回，并且我期望填充的 SelectedRooms 变量是一个计数为 0 的新列表。

我认为这个属性的绑定是错误的，但我不明白为什么，任何指针？谢谢

编辑：

    public PartialViewResult DoorSignsForm(DateTime date)
    {
        var userID = _bookingService.GetCurrentUser(User.Identity.Name);

        var model = new DoorSignsFormVM();
        model.Rooms = _sharedService.GetRoomsWithBookings(date, userID.FirstOrDefault().DefSite);

        return PartialView("_DoorSigns", model);
    }

这是在表单中呈现的 doorsignsform 操作。

Answer 1

正如你所说，ASP.NET MVC 没有将复选框值识别为 DoorSignsFormVM 视图模型的一部分。

鉴于您的 SelectedRooms 属性是 SelectListItems 的集合，MVC 无法识别如何将复选框中的字符串值绑定到此属性。

尝试将另一个名为 SelectedRoomValues 类型为 string[] 的属性添加到您的视图模型中，并将您的复选框代码更改为

@Html.CheckBoxListFor(model => model.SelectedRoomValues, model => model.Rooms, entity => entity.Value, entity => entity.Text, model => model.SelectedRooms, htmlListInfo)

然后，MVC 将知道如何绑定到这个新属性，该属性将填充 SelectListItem.Value 值。