从@ Html.ListBoxFor选择多个

Question

我已经添加了@ Html.ListBoxFor，我能够将其正确绑定，但是提交后无法获取多个选定项。 我想念什么吗？

  // Below is the code for binding

  public ActionResult Create()
    {
        var cities = So.BL.City.GetCities();

        SelectList cityList = new SelectList(cities, "Id", "Name", cityId);
        TempData["Cities"] = cityList;

        return View("Create");
    }


 [HttpPost]
    public ActionResult Create([Bind(Include="Keywords,Cities")] So.Entities.Approval filter)
    {
        if (ModelState.IsValid)
        {


        }
        return View(filter);
    }

下面是查看文件的代码。 我没有实体的视图模型

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


<table style="width: 100%">
    <tr>
        <td>
            Cities:
        </td>
    </tr>
    <tr>
       @* <td>
              @Html.DropDownList("Cities", (SelectList)TempData["Cities"])    
        </td>*@
    </tr>
    <tr>
        <td>
            @Html.ListBoxFor(model => model.Id, new SelectList(TempData["Cities"] as MultiSelectList, "Value","Text",new { style = "width:250px" })))


        </td>
    </tr>
    <tr>
        <td>
            @Html.LabelFor(model => model.Keywords)
        </td>
    </tr>
    <tr>
        <td>
            @Html.EditorFor(model => model.Keywords)

        </td>
    </tr>
    <tr>
        <td>

        </td>
    </tr>

    <tr>
        <td>
            <input type="submit" value="Create" class="button" />
        </td>
    </tr>
</table>

Answer 1

假设您已根据注释将ID属性更改为typeof int[] ，则仍然存在问题，主要问题是POST方法具有

 [Bind(Include="Keywords,Cities")]

它不包含ID属性的绑定，因此回发时始终为null。 无论何时使用[Bind]属性，都应该重新考虑您的操作，并使用视图模型仅显示/编辑所需的属性，包括SelectList的属性。

@Html.ListBoxFor()方法中也有一些毫无意义的代码。 TempData["Cities"]已经是一个SelectList所以new SelectList(TempData["Cities"] as MultiSelectList, "Value","Text"会将SelectList转换为MultiSelectList ，然后从中创建一个新的SelectList 。

@Html.ListBoxFor(model => model.ID, (SelectList)TempData["Cities"], new { style = "width:250px" })

另外，这里的第三个参数

SelectList cityList = new SelectList(cities, "Id", "Name", cityId);

不是必需的（不知道在哪里声明cityId因为就这样，您的代码无法编译）。 ListBoxFor()方法根据您的ID属性的值选择选项，并忽略SelectList构造函数中的selectedValue参数。

最后，在POST方法中，如果模型无效，则返回视图。 您需要重新分配TempData["Cities"]的值，否则它在视图中将为null并引发异常。

Answer 2

就像Andrei所建议的那样，您需要将选定的值绑定到数组类型。

前端：

    <div class="DualListBoxDIV">
        @Html.ListBoxFor(model => model.RelatedNewsArticlesSelected, new MultiSelectList(Model.AssignedRelatedNewsArticles, "Value", "Text", Model.RelatedNewsArticlesSelected), new { @class = "SelectedBox", Size = 10 })
    </div>

后端：

    public string[] RelatedNewsArticlesSelected { get; set; }
    public IEnumerable<SelectListItem> AssignedRelatedNewsArticles { get; set; }
    public IEnumerable<SelectListItem> UnassignedRelatedNewsArticles { get; set; }