Question

我想知道是否可以根据复选框选择传递对象。我自己解释一下：如果有一个选定的值，这实际上意味着我需要传递选择所代表的对象才能使用它。

我的观点中有这个代码：

<% foreach (var _client in ViewData["channels"] as List<DigiTV.Models.CANAL>) { %>
   <%= Html.CheckBox(_client.NOM_CANAL) %> <%= Html.Encode(_client.NOM_CANAL) %> <br />
<% } %>

如您所见，我有一个我想传递给控制器的对象类型列表（List）

有人有任何建议吗？

感谢

Answer 1

我强烈建议您使用视图模型，强类型视图和编辑器模板。

因此，首先要定义一个视图模型，它将包含您的视图可能需要的所有必要数据：

public class CanalViewModel
{
    public string Name { get; set; }
    public bool Selected { get; set; }
}

然后是控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new[]
        {
            new CanalViewModel { Name = "canal 1", Selected = false },
            new CanalViewModel { Name = "canal 2", Selected = true },
            new CanalViewModel { Name = "canal 3", Selected = false },
            new CanalViewModel { Name = "canal 4", Selected = false },
        };

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(IEnumerable<CanalViewModel> model)
    {
        return View(model);
    }
}

接下来是~/Views/Home/Index.aspx视图：

<%@ Page 
    Language="C#" 
    MasterPageFile="~/Views/Shared/Site.Master"
    Inherits="System.Web.Mvc.ViewPage<IEnumerable<AppName.Models.CanalViewModel>>" 
%>

<% using (Html.BeginForm()) { %>
    <%= Html.EditorForModel() %>
    <input type="submit" value="OK" />
<% } %>

最后你将需要一个运河的编辑器模板，它将为模型中的每个元素执行（~/Views/Home/EditorTemplates/CanalViewModel.ascx）：

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.CanalViewModel>" 
%>

<div>
    <%= Html.HiddenFor(x => x.Name) %>
    <%= Html.CheckBoxFor(x => x.Selected) %>
    <%= Html.LabelFor(x => x.Selected, Model.Name) %>
</div>

现在，当您提交表单时，在POST操作中，您将获得所有运河的列表及其所选属性，具体取决于用户选择的复选框。

正如您所看到的，我们不需要任何ViewData，它需要您在视图中执行一些丑陋的转换，并且您不需要在视图中编写任何foreach循环。框架按照完善的惯例自动处理所有内容。

Answer 2

您可以通过在隐藏字段中收集所有选中的复选框值（逗号分隔）来使用javascript，然后从控制器中读取这些值并将其拆分。

<% foreach (var _client in ViewData["channels"] as List<DigiTV.Models.CANAL>) { %>
<%= Html.CheckBox(_client.NOM_CANAL) %> <%= Html.Encode(_client.NOM_CANAL) %> <br />
<% } %>
 <%=Html.HiddenField("AllValues")%>

javascript（我正在使用jquery）

   var allvalues='';
  $('input[type=checkbox]').each(function(index){
       if($(this).is(':checked'))
       {
          allvalues+=$(this).val();
       }
   });
   $('#AllValues').val(allvalues);

在您的控制器中

  public ActionResult MyAction(FormCollection form)
  {
     String[] AllValues = form["AllValues"].Split(",");
  }

如何根据复选框从视图传递对象？

2 个答案: