在MVC视图中使用复选框，并将选中的状态传回控制器进行处理

Question

我有一个IList对象，我使用ViewModel将其传递给视图。

        [HttpGet]
    public ActionResult Reminder()
    {
        using(var db = new SalonContext())
        {
            var tomorrow = DateTime.Today.AddDays(1);
            var homeSalon = GetHomeSalonId();
            var myAppointments = db.Appointments.Include(c => c.Customer).Include(c => c.Treatment).Include(c => c.Stylist).Include(c => c.Salon).Where(c => c.SalonId == homeSalon).ToList();
            var tomorrowsAppointments = myAppointments.Where(a => a.Start.Date == tomorrow).Select(rem => new FutureAppointment
                {
                    AppointmentId = rem.AppointmentId,
                    Name = rem.Customer.Title + " " +rem.Customer.FirstName + " " + rem.Customer.Surname,
                    AppointmentTime = rem.Start,
                    Salon = rem.Salon.Name,
                    Stylist = rem.Stylist.FirstName,
                    Treatment = rem.Treatment.Name,
                    Email = rem.Customer.EMail,
                    SendReminder = true
                }).ToList();

            return View(tomorrowsAppointments);
        }
    }

该视图使用以下代码显示带有复选框的列表：

@model IList<MySalonOrganiser.Models.FutureAppointment>

@{
    ViewBag.Title = "Email Reminders";
}

<h2>@ViewBag.Title</h2>

@using(Html.BeginForm("Reminder", "Appointment", FormMethod.Post))
{
    @Html.AntiForgeryToken()

    <table class="table">
        <tr>
            <th>
                Send Reminder
            </th>
            <th>
                Name
            </th>
            <th>
                Appointment Time
            </th>
            <th>
                Salon
            </th>
            <th>
                Treatment
            </th>
            <th>
                Stylist
            </th>
            <th>
                EMail
            </th>
            <th></th>
        </tr>

        @for (var i =0; i < Model.Count; i++)
        {
            <tr>
                <td>
                    @Html.CheckBoxFor(x => x[i].SendReminder)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].Name)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].AppointmentTime)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].Salon)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].Treatment)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].Stylist)
                </td>
                <td>
                    @Html.DisplayFor(x => x[i].Email)
                </td>
            </tr>
        }
    </table>
     <div>
        <input type="Submit" value="Send Reminders" />
    </div>

}

当我将视图发布回控制器时，在返回的模型中看到了FutureAppointment类型的列表项，但是除复选框状态以外的所有内容均为null。

谁能帮助我解决为什么以及如何解决此问题，以便查看所有模型数据？

杰森。

Answer 1

这是因为您的表单仅包含复选框的输入字段。 DisplayFor助手将仅创建文本或标签，或显示其他字段值的任何内容。 您可以通过为它们添加隐藏的输入来解决此问题：

@for (var i =0; i < Model.Count; i++)
    {
        <tr>
            <td>
                @Html.CheckBoxFor(x => x[i].SendReminder)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].Name)
                @Html.HiddenFor(x => x[i].Name)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].AppointmentTime)
                @Html.HiddenFor(x => x[i].AppointmentTime)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].Salon)
                @Html.HiddenFor(x => x[i].Salon)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].Treatment)
                @Html.HiddenFor(x => x[i].Treatment)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].Stylist)
                @Html.HiddenFor(x => x[i].Stylist)
            </td>
            <td>
                @Html.DisplayFor(x => x[i].Email)
                @Html.HiddenFor(x => x[i].Email)
            </td>
        </tr>
    }

Answer 2

在每个DisplayFor调用下，添加一个@Html.HiddenFor(x=>x[i].Property)调用，以添加包含相同值的隐藏字段。

然后，当数据到达您的控制器时，隐藏字段值将通过表单发布并绑定到您的模型。

DisplayFor只会在输出中添加标签（ 除非使用显示模板为模型覆盖 ）， 否则标签值不会通过表单发布。

Answer 3

您没有回传值。 Html.DisplayFor不会生成输入标签，并且仅将表单内的输入发布回服务器。 这些属性必须使用Html.TexBoxFor或Html.HiddenFor方法。