ASP.NET MVC编辑器模板Html.HiddenFor值丢失

Question

我为我的多选复选框创建了一个名为UserRoles.cshtml的编辑器模板。

@model List<UserRoleView>

@{
    var context = Context.GetContainer().Get<ApplicationDbContext>();

    var avaliableRoles = context.Roles.Select(x =>
        new UserRoleView
        {
            Id = x.Id,
            Name = x.Name,
            IsInRole = false
        }).ToList();

    for (var i = 0; i < avaliableRoles.Count; i++)
    {
        @Html.HiddenFor(it => it[i].Id)
        @Html.HiddenFor(it => it[i].Name)
        <div class="checkbox">
            <label>
                @Html.CheckBoxFor(it => it[i].IsInRole)
            </label>
        </div>
    }
}

我使用EditorForModel在Create.cshtml中生成了表单：

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        @Html.EditorForModel()

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" class="btn btn-default" value="Register" />
            </div>
        </div>
    }

当我运行该应用程序时，我的隐藏值被遗漏了。 但是复选框具有价值。

Answer 1

问题是您应该在从控制器传递的视图中使用模型，而不在视图中生成模型。 您正在将业务逻辑与表示逻辑混合在一起，这是非常糟糕的做法。 您的控制器方法应该看起来像这样，它还可以确保在使用DbContext实例后将其处置。

public class AccountController : Controller {
    public ActionResult Create() {
        using(var context = Context.GetContainer().Get<ApplicationDbContext>())
        {
            var avaliableRoles = context.Roles.Select(x =>new UserRoleView
            {
                Id = x.Id,
                Name = x.Name,
                IsInRole = false
            }).ToList();

            return View(avaliableRoles);
        }
    }
}

然后，您的视图应如下所示。

Create.cshtml

@model List<UserRoleView>
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    @Html.EditorForModel()

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" class="btn btn-default" value="Register" />
        </div>
    </div>
}

UserRoles.cshtml

@model UserRoleView
@{
        @Html.HiddenFor(x => x.Id)
        @Html.HiddenFor(x => x.Name)
        <div class="checkbox">
            <label>
                @Html.CheckBoxFor(x => x.IsInRole)
            </label>
        </div>
}

Answer 2

您的问题在这里：

    @Html.HiddenFor(it => it[i].Id)
    @Html.HiddenFor(it => it[i].Name)

根据您的代码，它应该是：

    @Html.HiddenFor(it => avaliableRoles[i].Id)
    @Html.HiddenFor(it => avaliableRoles[i].Name)

但是，如果使用的是EditorTemplates，则无需为枚举创建它们。 它将像这样工作：

Create.cshtml

@model List<UserRoleView>


//This is actually should be in Controller like Igor mention
@{
    var context = Context.GetContainer().Get<ApplicationDbContext>();
    //here you set your model
    Model = context.Roles.Select(x =>
        new UserRoleView
        {
            Id = x.Id,
            Name = x.Name,
            IsInRole = false
        }).ToList();
}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    @Html.EditorForModel() //here you render collection. 

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" class="btn btn-default" value="Register" />
        </div>
    </div>
}

UserRoleView.cshtml （ 如果您实际使用的EditorTemplates名称应与您的ViewModel名称相同 ）

@model UserRoleView

@Html.HiddenFor(x => x.Id)
@Html.HiddenFor(x => x.Name)
<div class="checkbox">
   <label>
       @Html.CheckBoxFor(x => x.IsInRole)
   </label>
</div>

Razor知道您的模型是 UserRoleView 集合 ，并将其应用于每个项目。