从MVC 3中的视图返回列表<T>

Question

我目前有一个对象Tag定义如下:

public class Tag
{
    public string Name { get; set; }
}

现在,这是一个模型的集合属性,我将其定义为:

public class MyModel
{
    public string Name { get; set; }
    public IList<Tag> Tags { get; set; }
}

在我看来,我有以下代码:

@using (Html.BeginForm())
{
    <div>
        @Html.LabelFor(m => m.Name)
        @Html.TextBoxFor(m => m.Name)
    </div>

    <div>
        <!--
        Here I'd like a collection of checkbox inputs, where the selected names
        get passed back to my controller via the IList<Tag> collection
        -->
    </div>

    <input type="submit" value="Submit" />
}

如何通过我的模型的IList集合返回我的复选框组(在注释中指定)中的所选项？

Answer 1

使用编辑器模板

要获得Checkbox,请在您的Tag类中添加另一个Proeprty,以指定是否选中它.

public class Tag
{
    public string Name { get; set; }
    public bool IsSelected { set; get; }
}

现在,从您的GETAction中,您可以在模型的Tags属性中设置标签列表并将其发送到视图.

public ActionResult AddTag()
{
    var vm = new MyModel();

    //The below code is hardcoded for demo. you mat replace with DB data.
    vm.Tags.Add(new Tag { Name = "Test1" });
    vm.Tags.Add(new Tag { Name = "Test2" });

    return View(vm);
}

现在让我们创建一个编辑器模板,转到View/YourControllerName和创建一个名为的文件夹,EditorTemaplates并在那里创建一个与Property type(Tag.cshtml)同名的新视图.

立即将此内容添加到新的编辑器模板中.

@model Tag
<p>
  <b>@Model.Name</b>   :
  @Html.CheckBoxFor(x => x.IsSelected) <br />
  @Html.HiddenFor(x=>x.Name)
</p>

现在,在主视图中,使用EditorForHtml Helper方法调用编辑器模板.

@model MyModel
<h2>AddTag</h2>
@using (Html.BeginForm())
{
    <div>
        @Html.LabelFor(m => m.Name)
        @Html.TextBoxFor(m => m.Name)
    </div>    
    <div>  
      @Html.EditorFor(m=>m.Tags)         
    </div>    
    <input type="submit" value="Submit" />
}

现在,当您发布表单时,您的模型将具有标签集合,其中所选复选框将具有该IsSelected属性的True值.

 [HttpPost]
public ActionResult AddTag(MyModel model)
{
   if(ModelState.IsValid)
   {
      //Check for model.Tags collection and Each items IsSelected property value.
      //Save and Redirect(PRG pattern)
   }
   return View(model);
}

像这样