SelectListItem 不返回结果 - MVC5

Question

我尝试了许多不同的帖子、标签和混合，但没有在我的选择列表中返回数据。我什至已经准备好有些人必须在发送列表之前使用 jquery 突出显示列表；如果选择项目实际上通过了项目，这是非常可行的！我愿意使用 Jquery，我愿意更新模型，我愿意做任何事情来获取模型数据，但似乎所有这些都返回 count=0 或 null。

我正在使用 2 个列表框，其中有一些移动，并希望在完成后返回两个列表框的内容。

（如果有其他方法可以做到这一点，请分享！）

型号：

    public class RoleAddRemoveListBoxViewModel
{

    public List<System.Web.Mvc.SelectListItem>  CurrentRoles { get; set; }
    public List<System.Web.Mvc.SelectListItem>  NonMemberRoles { get; set; }



}

控制器：

 [HttpPost]
    public ActionResult ManageUserRoles(string userList)
    {

        List<SelectListItem> lbMemberRoles = new List<SelectListItem>();
        List<SelectListItem> lbNonMemberRoles = new List<SelectListItem>();


        var user = (from u in db.Users
                                where u.UserName == userList
                    select u).SingleOrDefault();

        // prepopulate roles for the view dropdown
        var roleList = db.Roles.OrderBy(r => r.Name).ToList().Select(rr =>
        new SelectListItem { Value = rr.Name.ToString(), Text = rr.Name }).ToList();



        var userRoles = UserManager.GetRoles(user.Id);

        foreach (var role in roleList)
        {
            if (userRoles.Contains(role.Value.ToString()))
            {
                lbMemberRoles.Add(role);
            }
            else
            {
                lbNonMemberRoles.Add(role);   
            }
        }
        RoleAddRemoveListBoxViewModel lbvm = new RoleAddRemoveListBoxViewModel
        {
            CurrentRoles = lbMemberRoles,
            NonMemberRoles = lbNonMemberRoles
        };

        return View(lbvm);
    }

    [HttpPost]
    public ActionResult UpdateUserRoles(RoleAddRemoveListBoxViewModel model)
    {

        TempData["updateState"] = "User Role Updated Successfully!";


        return RedirectToAction("Index");
    }

查看：

@model WebDocEditor.Models.RoleAddRemoveListBoxViewModel
@{
using (Html.BeginForm("UpdateUserRoles", "Roles", FormMethod.Post))
{

    <body>
        <fieldset>
            <form>
                <div class="row">

                    <div class="col-xs-2">
                        @Html.LabelFor(model => model.CurrentRoles)
                    <div>
                       @Html.ListBoxFor(model => model.CurrentRoles, Model.CurrentRoles)

                    </div>
                </div>
                <div class="btn-group-vertical col-xs-1">
                    <div id="moveRightbtn" class="btn glyphicon glyphicon-arrow-right"></div>
                    <div id="moveLeftbtn" class="btn glyphicon glyphicon-arrow-left"></div>
                </div>

                <div class="col-xs-2">
                    @Html.LabelFor(model => model.NonMemberRoles)
                <div>
                    @Html.ListBoxFor(model => model.NonMemberRoles, Model.NonMemberRoles)
                </div>
            </div>

        </div>
        <input type="submit" value="Save" />
        </form>
    </fieldset>
    </body>


}

}

操作编辑后：我想加入用于突出显示的 JQuery，因为我看到了很多关于他们如何使其工作的线程，并想展示我的组合/设置的工作原理： JS 正在查看：

@section Scripts
{
    <script type="text/javascript">
    $(document).ready(function () {

    $('#moveRightbtn').on('click', function () {
        var selectedCurrent = $('#CurrentRoles option:selected');
        $('#NonMemberRoles').append($(selectedCurrent).clone());
        $(selectedCurrent).remove()
        //alert(selectedCurrent);

    })

    $('#moveLeftbtn').on('click', function () {
        var selectedNonMember = $('#NonMemberRoles option:selected');
        $('#CurrentRoles').append($(selectedNonMember).clone());
        $(selectedNonMember).remove()
        //alert(selectedNonMember);

    })

    $("#submitBtn").on('click', function (e) {

        $("#CurrentRoles option").prop('selected', 'selected');
        $("#NonMemberRoles option").prop('selected', 'selected');
    });

           });
</script>
}

Answer 1

为您的退货属性添加string[]。

public List<System.Web.Mvc.SelectListItem>  CurrentRoles { get; set; }
public List<System.Web.Mvc.SelectListItem>  NonMemberRoles { get; set; }
public string[] SelectedCurrentRoles{ get; set; }
public string[] SelectedNonMemberRoles{ get; set; }

并在您的ListBoxFor 中使用MultiSelectList。我会使用不同的模型来传递，但您可以使用现有的List<SelectListItem>

@Html.ListBoxFor(model => model.SelectedCurrentRoles, new MultiSelectList(Model.CurrentRoles, "Value", "Text"))
@Html.ListBoxFor(model => model.SelectedNonMemberRoles, new MultiSelectList(Model.NonMemberRoles , "Value", "Text"))

Answer 2

您的列表需要与您返回的内容分开。您应该像这样设置您的模型。

public class RoleAddRemoveListBoxViewModel
{
    public List<System.Web.Mvc.SelectListItem>  CurrentRolesList { get; set; }
    public List<System.Web.Mvc.SelectListItem>  NonMemberRolesList { get; set; }
    public string[] CurrentRoles {get;set;}
    public string[] NonMemberRoles {get;set;}
}

列表框将返回一个包含所选内容的数组。在这种情况下，您只需将属性设置为string[]

在您看来，将新属性用作表达式，将 List 属性用作 selectList

@using (Html.BeginForm())
{
    <div class="row">
        <div class="col-xs-2">
            @Html.LabelFor(model => model.CurrentRoles)
            <div>
                @Html.ListBoxFor(model => model.CurrentRoles, Model.CurrentRolesList)
            </div>
        </div>
        <div class="btn-group-vertical col-xs-1">
            <div id="moveRightbtn" class="btn glyphicon glyphicon-arrow-right"></div>
            <div id="moveLeftbtn" class="btn glyphicon glyphicon-arrow-left"></div>
        </div>

        <div class="col-xs-2">
            @Html.LabelFor(model => model.NonMemberRoles)
            <div>
                @Html.ListBoxFor(model => model.NonMemberRoles, Model.NonMemberRolesList)
            </div>
        </div>
    </div>
    <input type="submit" value="Save" />
}

在您的控制器中.. 确保您为列表设置了正确的属性

public ActionResult ManageUserRoles(string userList)
{

    List<SelectListItem> lbMemberRoles = new List<SelectListItem>();
    List<SelectListItem> lbNonMemberRoles = new List<SelectListItem>();
    var user = (from u in db.Users
                where u.UserName == userList
                select u).SingleOrDefault();

    // prepopulate roles for the view dropdown
    var roleList = db.Roles.OrderBy(r => r.Name).ToList().Select(rr =>
    new SelectListItem { Value = rr.Name.ToString(), Text = rr.Name }).ToList();
    var userRoles = UserManager.GetRoles(user.Id);
    foreach (var role in roleList)
    {
        if (userRoles.Contains(role.Value.ToString()))
        {
            lbMemberRoles.Add(role);
        }
        else
        {
            lbNonMemberRoles.Add(role);
        }
    }
    RoleAddRemoveListBoxViewModel lbvm = new RoleAddRemoveListBoxViewModel
    {
        CurrentRolesList = lbMemberRoles,
        NonMemberRolesList = lbNonMemberRoles
    };

    return View(lbvm);
}

不知道为什么你有这个 actionresult 作为一个 [HttpPost] 但你可能想删除那个属性..

列表框的工作方式，它只会发回实际选择的内容。因此，如果您想返回其中的所有值，您可能必须选择每个列表中的所有项目