如何将选定的值设置为ListBox

时间:2015-12-29 19:43:16

标签: .net asp.net-mvc listbox multi-select jquery-multiselect

我使用调试器检查了MultiSelectList值的内容是否已更改。因此,在选择了Value = true;选择的值之后,我看到了它。

但在我看来,我没有看到。运行时,所选值不可见。最后,我尝试了ViewBagViewDataListBox()以及更多的事情。我不知道是什么?

这是我的控制器:

public ActionResult Edit(int id)
        {
            UserDto user = _userService.GetUserById(id);

            var companiesSelectList = new MultiSelectList(_companyService.GetCompanies(), "Id", "Name", user.Companies.Select(x => x.Id.ToString()).ToArray());


            TempData["CompaniesList"] = companiesSelectList;
            return View(user);
        }

我的观点:

 <div class="col-md-10">
    @Html.ListBoxFor(model => model.Companies, (MultiSelectList)TempData["CompaniesList"], new { @class = "form-control", @required = "required", @multiple = "multiple" })
            </div>

我将这个用于可视化

   $(document).ready(function () {

        $('#Companies').select2({

            placeholder: 'Please Select Company',
            maximumSelectionSize: 15,
            width: 400,
        });
    });

1 个答案:

答案 0 :(得分:2)

我的朋友解决了。

我在companiesSelectList中选择了一些项目,但我没有设置选定的值。我需要这样的JQuery。 第一:

   public JsonResult UserCompany(string userId)
        {
            UserDto user = _userService.GetUserById(int.Parse(userId));
            return Json(user.Companies.Select(x => x.Id).ToList(), JsonRequestBehavior.AllowGet);
        }

Json数据载有用户连接的公司我已发送公司ID。

此Ajax方法检查所选项目:

 var userId = $('#Id').val();
    $.ajax({
        url: "/User/UserCompany",
        type: 'POST',
        data: { 'userId': userId },
        datatype: 'json',
        success: function (data) {
            $('#Companies').val(data).trigger("change");
        }

    });

感谢我的工作朋友和任何看过我问题的人。 另一个问题:)