如何将数据绑定到mvc中的数据库中的select2 jquery答案

【问题标题】：how to bind data to select2 jquery from database in mvc如何将数据绑定到mvc中的数据库中的select2 jquery
【发布时间】：2015-12-16 06:52:37
【问题描述】：

查看：

<select multiple="" id="e2" tabindex="-1" class="select2-hidden-accessible" name="e2" aria-hidden="true">
    <option value="PDS.RICE">PDS.RICE</option>
    <option value="PDS.WHEAT">PDS.WHEAT</option>
    <option value="PDS.DAL CHANNA">PDS.DAL CHANNA</option>
    <option value="PDS.DAL KALA CHANNA">PDS.DAL KALA CHANNA</option>
</select>

控制器：

public ActionResult Getitems()
{
    var items = (from m in db.ItemMasters select m).ToList();
    ViewBag.items = items;
    return View();
}

型号：

public class ItemMaster
{
    [Key]
    public int ItemId { get; set; }
    public string Item_Name { get; set; }
}

我正在尝试从控制器中的数据库中获取数据，但无法将ViewBag 数据绑定到视图中的select2-hidden-accessible。

【问题讨论】：

你试过什么？为什么不使用@Html.DropDownListFor() 并强绑定到模型？
我试过@Html.DropDownListFor()，但没有得到解决方案。
有趣 - 为我和数以百万计的其他人工作。

标签： c# jquery asp.net-mvc jquery-select2 multi-select

【解决方案1】：

您可以使用 ViewBag 绑定下拉列表，下面是代码：

控制器：

public ActionResult Getitems()
        {
            var itemList = new List<SelectListItem>
            {
                new SelectListItem
                {
                    Text = "RICE",
                Value = "RICE"
                },
                 new SelectListItem
                {
                    Text = "WHEAT",
                Value = "WHEAT"
                }
            };



            ViewBag.ItemList = new SelectList(itemList, "Value", "Text");
            return View();
        }

查看：

在您的 head 标签中添加以下脚本。

<head>
    <script src="~/Scripts/jquery-1.8.2.js"></script>
    <script src="~/Scripts/select2.js"></script>
    <link href="~/Content/select2.css" rel="stylesheet" />
</head>

 @Html.DropDownList("e2", (SelectList) ViewBag.ItemList, new {@class = "js-example-basic-multiple",multiple="multiple" })

初始化 select2 插件。

<script>
        $(".js-example-basic-multiple").select2();
</script>

【讨论】：

这是一个久经考验的代码。你对上面的代码做了什么？
我已经编辑了我的答案，如果您的问题得到解决，请立即检查并标记为答案。
嗨，我尝试了您的代码，但没有为我工作任何解决方法？
您面临的问题是什么？
查看：@Html.DropDownList("e2", (SelectList)ViewBag.ItemList, new { @class = "select2-hidden-accessible" }) <script src="~/assets/js/jquery-2.0.3.min.js"></script> <script src="~/assets/js/select2/select2.js"></script> <script> $("#e2").select2({ placeholder: "Select Commodity", allowClear: true }); </script>