web-dev-qa-db-ja.com

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

@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として選択されますが、ビュー側では選択されません。

c#asp.net-mvcasp.net-mvc-3razorhtml.dropdownlistfor
30
user

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ヘルパーです。

57
Darin Dimitrov

私にとっては、@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は次のようになります：

enter image description hereenter image description here

12
tonco