数据未在 MVC 控制器中为 select2 列表框 Mvc 发布

Question

我在视图中使用多选文本框.. 下面是我的代码

看法：

@using (Ajax.BeginForm("Multiple", "Home",  new AjaxOptions { HttpMethod = "POST" }))
{
<div class="col-md-2  col-xs-2">Associated Segment</div>
    <div class="col-md-4  col-xs-4">
        @Html.ListBoxFor(model => model.SegmentList, new MultiSelectList(ViewBag.List, "Value", "Text", Model.SegmentList.AsEnumerable()), new { @class = "form-control tokenizationSelect2", @multiple = "multiple" })
    </div>

    <div class="col-md-12  col-xs-12">
        <div class="pull-right" style="padding:1%;">
            <button class="btn btn-sm btn-primary" id="btnSaveProbDiagnosis" type="submit" name="">save</button>
        </div>
    </div>

}
<link href="~/scripts/select2.min.css" rel="stylesheet" />
<script src="~/scripts/jquery-1.10.2.js"></script>
<script src="~/scripts/select2.js"></script>
<script src="~/scripts/select2.full.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".tokenizationSelect2").select2({
            placeholder: "Your favourite car", //placeholder
            tags: true,
            tokenSeparators: ['/', ',', ';', " "]
        });
    })
</script>

控制器：

        [HttpPost]
        public ActionResult Multiple(ViewModal viewmoddal)
        {                
            return View();
        }

模态：

public class ViewModal
    {
       public int QuestionId { get; set; }
       public string question { get; set; }
       public string type { get; set; }
       public List<SegmentList> SegmentList { get; set; }
       public List<Answer> option { get; set; }

    }

它在 UI 中完美绑定数据。 但是当我将数据发布到控制器时，数据不会发送到控制器。

有人请帮助我...

Answer 1

您需要定义整数数组以绑定到多选，这些将被发布到控制器动作。 for.eg 在你的情况下像这样定义你的模型。

public class ViewModal
{
  public int[] SelectedSegments { get; set; }
  public List<Segment> SegmentList { get; set; }
}

并且鉴于

@Html.ListBoxFor(model => model.SelectedSegments, new MultiSelectList(ViewBag.List, "Value", "Text", Model.SegmentList.AsEnumerable()), new { @class = "form-control tokenizationSelect2", @multiple = "multiple" })