将我的视图模型绑定到视图会导致选中所有复选框

Question

我遇到了一个问题，我在视图中呈现的所有复选框都被选中。我在构建视图模型的行放置了一个断点，通过调试器，我可以看到一些值设置为“true”，而其他值设置为“false”。所以问题，我假设，必须在视图本身。

这是我的模型：

public class UserModulesAdministrationViewModel
{
    public bool AccessGranted { get; set; }
    public int ModuleId { get; set; }
    public string ModuleName { get; set; }
    public string ModuleDescription { get; set; }
}

这是呈现列表的控制器：

public ActionResult UserModules(int id)
{
   // Database stuff here

    var model = modules.Select(module => new Infrastructure.ViewModels.UserModulesAdministrationViewModel
    {
        ModuleId = module.AccessModuleId,
        AccessGranted = userModules.Any(z => z.AccessModuleId == module.AccessModuleId),
        ModuleName = module.ModuleName,
        ModuleDescription = module.ModuleDescription
    }).ToList();

    return View(model);
}

最后是我的相关视图代码：

@model IEnumerable<UserModulesAdministrationViewModel>

@foreach (UserModulesAdministrationViewModel m in Model)
{
    <div class="col-md-4" style="margin-top: 15px;">
    <div class="moduleBlockLong" style="position: relative">
        <div class="moduleHeader">@m.ModuleName</div>
        <div class="moduleText">@m.ModuleDescription</div>

        <div class="checkbox" style="position: absolute; bottom: 0; right: 80px">
            <label>

                @{
                    var m1 = m;
                }
                @Html.CheckBoxFor(z => m1.AccessGranted )
                <input type="checkbox" value="" checked="checked"/> Allow Access
            </label>
        </div>

    </div>
    </div>
}

Answer 1

在我看来，问题就像您在 CheckBoxFor HtmlHelper 之后对输入进行了硬编码。

@Html.CheckBoxFor(z => m1.AccessGranted )
<input type="checkbox" value="" checked="checked"/>

删除：

<input type="checkbox" value="" checked="checked"/>

还值得注意的是，当您使用foreach 循环而不是for 循环时，您将无法将选定的值发布回服务器。

您需要按如下方式索引您的循环：

@for (var i = 0; i < Model.Count; i++)
{
  // code
  @Html.CheckBoxFor(z => Model[i].AccessGranted)
  // rest of code
}

否则您将无法读取服务器上的任何用户输入。

Answer 2

在您看来，删除

 <input type="checkbox" value="" checked="checked"/> Allow Access

由于checked="checked"，这将始终打印出一个选中复选框。

Answer 3

我认为这是因为你离开了<input type="checkbox" value="" checked="checked"/> 删除它，它会工作。

还有一个关于foreach循环的问题。

ASP.NET MVC 4 - for loop posts model collection properties but foreach does not

解决方案：

@for(var i = 0; i<Model.Count; i++)
{
    <div class="col-md-4" style="margin-top: 15px;">
      <div class="moduleBlockLong" style="position: relative">
        <div class="moduleHeader">@Model[i].ModuleName</div>
        <div class="moduleText">@Model[i].ModuleDescription</div>
        <div class="checkbox" style="position: absolute; bottom: 0; right: 80px">
            <label>    
                 @Html.CheckBoxFor(z => Model[i].AccessGranted) Allow Access 
            </label>
        </div>    
      </div>
    </div>
}

Answer 4

试试这个代码... 而不是：<input type="checkbox" value="" checked="checked"/> Allow Access

尝试： <input type="checkbox" value="" checked="@m.AccessGranted "/> Allow Access

另外，不要使用m1参数..