Html.DropDownlistForで複数の選択値を取得する

Question

@Html.DropDownListFor(m => m.branch, CommonMethod.getBranch("",Model.branch), "--Select--", new { @multiple = "multiple" })

@Html.DropDownListFor(m => m.division, CommonMethod.getDivision(Model.branch,Model.division), "--Select--", new { @multiple = "multiple" })

DropDownListForのインスタンスが2つあります。 Model.branchおよびModel.divisionの値を以前に保存したものについては、選択済みをtrueに設定します。これらは、格納されたIDの文字列配列です

class CommonMethod
{
    public static List<SelectListItem> getDivision(string [] branchid , string [] selected)
    {
        DBEntities db = new DBEntities();
        List<SelectListItem> division = new List<SelectListItem>();
        foreach (var b in branchid)
            {
                var bid = Convert.ToByte(b);
                var div = (from d in db.Divisions where d.BranchID == bid select d).ToList();
                foreach (var d in div)
                {
                    division.Add(new SelectListItem { Selected = selected.Contains(d.DivisionID.ToString()), Text = d.Description, Value = d.DivisionID.ToString() });
                }
            }
        }

        return division;
    }
}

分割の戻り値は、モデル内の選択されたアイテムに対してtrueとして選択されますが、ビュー側では選択されません。

Answer 1

ListBoxForの代わりにDropDownListForを使用します。

@Html.ListBoxFor(m => m.branch, CommonMethod.getBranch("", Model.branch), "--Select--")

@Html.ListBoxFor(m => m.division, CommonMethod.getDivision(Model.branch, Model.division), "--Select--")

branchおよびdivisionプロパティは、選択した値を含むコレクションであることは明らかです。

ビューモデルを使用して複数選択ドロップダウンを構築する適切な方法の完全な例：

public class MyViewModel
{
    public int[] SelectedValues { get; set; }
    public IEnumerable<SelectListItem> Values { get; set; }
}

それはコントローラーに入力されます：

public ActionResult Index()
{
    var model = new MyViewModel();

    // preselect items with values 2 and 4
    model.SelectedValues = new[] { 2, 4 };

    // the list of available values
    model.Values = new[]
    {
        new SelectListItem { Value = "1", Text = "item 1" },
        new SelectListItem { Value = "2", Text = "item 2" },
        new SelectListItem { Value = "3", Text = "item 3" },
        new SelectListItem { Value = "4", Text = "item 4" },
    };

    return View(model);
}

ビューで：

@model MyViewModel
...
@Html.ListBoxFor(x => x.SelectedValues, Model.Values)

値がSelectedValuesプロパティの値と一致するアイテムを自動的に事前選択するのはHTMLヘルパーです。

Answer 2

私にとっては、@Html.DropDownListFor：

モデル：

public class MyViewModel
{
    public int[] SelectedValues { get; set; }
    public IEnumerable<SelectListItem> Values { get; set; }
}

コントローラー：

public ActionResult Index()
{
    var model = new MyViewModel();

    // the list of available values
    model.Values = new[]
    {
        new SelectListItem { Value = "2", Text = "2", Selected = true },
        new SelectListItem { Value = "3", Text = "3", Selected = true },
        new SelectListItem { Value = "6", Text = "6", Selected = true }
    };

    return View(model);
}

カミソリ：

@Html.DropDownListFor(m => m.SelectedValues, Model.Values, new { multiple = "true" })

コントローラーで送信されたSelectedValuesは次のようになります：