ASP.net MVCのSelectListにアイテムを追加するにはどうすればよいですか


112

基本的に、デフォルト値が0でテキスト値が「-Select One-」のSelectListの先頭に項目を挿入しようとしています。

何かのようなもの

SelectList list = new SelectList(repository.func.ToList());
ListItem li = new ListItem(value, value);
list.items.add(li);

これはできますか?


2
SelectList本当にデータをアイテムに直接バインドするための単なるヘルパーのようです。アイテムを手動で追加する場合は、List<SelectListItem>代わりに使用してください。
Kai Hartmann、

受け入れられた回答と投票数を考慮して、「ASP.net MVCのSelectListに空白値の項目を追加するにはどうすればよいですか」という回答を反映するように質問を少し変更することを提案できますか?ただし、元の「アイテムを追加するにはどうすればよいですか」という質問自体に回答してくれた@ h-dogの功績と感謝
AndrewD 2018年

回答:


150

0の値を要求しない限り、実際にこれを行う必要はありません。HtmlHelperDropDownList拡張機能を使用すると、選択の初期値としてnull値で表示されるオプションラベルを設定できます。オプションラベルを持つDropDownListシグネチャの1つを使用するだけです。

<%= Html.DropDownList( "DropDownValue",
                       (IEnumerable<SelectListItem>)ViewData["Menu"],
                        "-- Select One --" ) %>

1
実際に値0を主張する場合はどうでしょうか。値がnullまたは空の文字列の場合、モデルバインディングで問題が発生する可能性があります。
Kjensen 09年

2
あなたがそれをintとして期待しているなら、私はintを使うでしょうか?何も選択されていない場合は、ヌルのままにします。
tvanfosson 2009年

13
この問題は、選択したアイテムを失うことによる解決策です。
37スター2009

1
@JesseWebb私は、あなただけあなたがオプションのラベルを含んでいる署名を使用しているようにする必要があり疑うmsdn.microsoft.com/en-us/library/ee703567.aspx@Html.DropDownListFor( m => m.MenuSelection, (IEnumerable<SelectListItem>)ViewBag.Menu, "Select One", null )nullを含め、例えばhtmlAttributes署名と回避の混乱へこれは、式、メニューの列挙、およびオブジェクト(htmlAttributes)を取ります。
tvanfosson 2012

1
@tvanfosson-明確にしていただきありがとうございます。SelectListのIEnumerableのタイプとしてComplexタイプを使用してみました。optionLabel値を追加するときにこれを機能させなかったdataValueFieldとを指定する必要がありましたdataTestField。もう少し努力すればおそらく機能するはずですが、私は代替ソリューションの1つを使用しました。とにかくありがとう!
ジェシーウェッブ

82

これを機能させるには、SelectListItemにデータを入力し、リストに変換し、インデックス0に値を追加します。

List<SelectListItem> items = new SelectList(CurrentViewSetups, "SetupId", "SetupName", setupid).ToList(); 
items.Insert(0, (new SelectListItem { Text = "[None]", Value = "0" }));
ViewData["SetupsSelectList"] = items;

HtmlHelperでoptionLabelオーバーロードを使用することをお勧めします-> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5

17

これは可能です。

//Create the select list item you want to add
SelectListItem selListItem = new SelectListItem() { Value = "null", Text = "Select One" };

//Create a list of select list items - this will be returned as your select list
List<SelectListItem> newList = new List<SelectListItem>();

//Add select list item to list of selectlistitems
newList.Add(selListItem);

//Return the list of selectlistitems as a selectlist
return new SelectList(newList, "Value", "Text", null);

HtmlHelperでoptionLabelオーバーロードを使用することをお勧めします-> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5

13

私は@AshOoOの回答が好きでしたが、@ Rajan Rawalのように、もしあれば、選択したアイテムの状態を保持する必要がありました。だから私は彼の方法に私のカスタマイズを追加しましたAddFirstItem()

public static SelectList AddFirstItem(SelectList origList, SelectListItem firstItem)
{
    List<SelectListItem> newList = origList.ToList();
    newList.Insert(0, firstItem);

    var selectedItem = newList.FirstOrDefault(item => item.Selected);
    var selectedItemValue = String.Empty;
    if (selectedItem != null)
    {
        selectedItemValue = selectedItem.Value;
    }

    return new SelectList(newList, "Value", "Text", selectedItemValue);
}

HtmlHelperでoptionLabelオーバーロードを使用することをお勧めします-> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5

5
private SelectList AddFirstItem(SelectList list)
        {
            List<SelectListItem> _list = list.ToList();
            _list.Insert(0, new SelectListItem() { Value = "-1", Text = "This Is First Item" });
            return new SelectList((IEnumerable<SelectListItem>)_list, "Value", "Text");
        }

これは必要なことを行うはずです、選択リストを送信するだけで、インデックス0のアイテムを含む選択リストが返されます

挿入する必要があるアイテムのテキスト、値、またはインデックスをカスタマイズできます


選択した値があり、それらを保持したい場合はどうなりますか?
Rajan Rawal

HtmlHelperでoptionLabelオーバーロードを使用することをお勧めします-> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5

5

ここにあなたのためのhtmlヘルパー

public static SelectList IndividualNamesOrAll(this SelectList Object)
{
    MedicalVarianceViewsDataContext LinqCtx = new MedicalVarianceViewsDataContext();

    //not correct need individual view!
    var IndividualsListBoxRaw =  ( from x in LinqCtx.ViewIndividualsNames 
                                 orderby x.FullName
                                 select x);

    List<SelectListItem> items = new SelectList (
                               IndividualsListBoxRaw, 
                              "First_Hospital_Case_Nbr", 
                              "FullName"
                               ).ToList();

    items.Insert(0, (new SelectListItem { Text = "All Individuals", 
                                        Value = "0.0", 
                                        Selected = true }));

    Object = new SelectList (items,"Value","Text");

    return Object;
}

3

.ToList()。インサート(..)メソッドプットあなたのリストに要素。任意の位置を指定できます。ToListの後に.Insert(0、 "--最初のアイテム--")を追加するだけです

あなたのコード

SelectList list = new SelectList(repository.func.ToList());
ListItem li = new ListItem(value, value);
list.items.add(li);

新しいコード

SelectList list = new SelectList(repository.func.ToList().Insert(0, "- - First Item - -"));
ListItem li = new ListItem(value, value);
list.items.add(li);

2

とてもエレガントに聞こえないかもしれませんが、私は通常次のようなことをします:

    var items = repository.func.ToList();
    items.Insert(0, new funcItem { ID = 0, TextValue = "[None]" });
    ViewBag.MyData = new SelectList(items);

1

さて、私はクリーンなコードが好きなので、これを拡張メソッドにしました

static public class SelectListHelper
{
    static public SelectList Add(this SelectList list, string text, string value = "", ListPosition listPosition = ListPosition.First)
    {
        if (string.IsNullOrEmpty(value))
        {
            value = text;
        }
        var listItems = list.ToList();
        var lp = (int)listPosition;
        switch (lp)
        {
            case -1:
                lp = list.Count();
                break;
            case -2:
                lp = list.Count() / 2;
                break;
            case -3:
                var random = new Random();
                lp = random.Next(0, list.Count());
                break;
        }
        listItems.Insert(lp, new SelectListItem { Value = value, Text = text });
        list = new SelectList(listItems, "Value", "Text");
        return list;
    }

    public enum ListPosition
    {
        First = 0,
        Last = -1,
        Middle = -2,
        Random = -3
    }
}

使用法(例):

var model = new VmRoutePicker
    {
     Routes =
     new SelectList(_dataSource.Routes.Select(r => r.RouteID).Distinct())
     };                                     
  model.Routes = model.Routes.Add("All", "All", SelectListHelper.ListPosition.Random);
//or
  model.Routes = model.Routes.Add("All");

1

このオプションはさまざまな方法で必要になる可能性があるため、さまざまなシナリオや将来のプロジェクトで使用できるようにオブジェクトを開発するという結論に達しました

最初にこのクラスをプロジェクトに追加します

public class SelectListDefaults
{
    private IList<SelectListItem> getDefaultItems = new List<SelectListItem>();

    public SelectListDefaults()
    {
        this.AddDefaultItem("(All)", "-1");
    }
    public SelectListDefaults(string text, string value)
    {
        this.AddDefaultItem(text, value);
    }
    public IList<SelectListItem> GetDefaultItems
    {
        get
        {                
            return getDefaultItems;
        }

    }
    public void AddDefaultItem(string text, string value)
    {        
        getDefaultItems.Add(new SelectListItem() { Text = text, Value = value });                    
    }
}

コントローラアクションでは、次のように実行できます

    // Now you can do like this
    ViewBag.MainCategories = new SelectListDefaults().GetDefaultItems.Concat(new SelectList(db.MainCategories, "MainCategoryID", "Name", Request["DropDownListMainCategory"] ?? "-1"));
    // Or can change it by such a simple way
    ViewBag.MainCategories = new SelectListDefaults("Any","0").GetDefaultItems.Concat(new SelectList(db.MainCategories, "MainCategoryID", "Name", Request["DropDownListMainCategory"] ?? "0"));
    // And even can add more options
    SelectListDefaults listDefaults = new SelectListDefaults();
    listDefaults.AddDefaultItme("(Top 5)", "-5");
    // If Top 5 selected by user, you may need to do something here with db.MainCategories, or pass in parameter to method 
    ViewBag.MainCategories = listDefaults.GetDefaultItems.Concat(new SelectList(db.MainCategories, "MainCategoryID", "Name", Request["DropDownListMainCategory"] ?? "-1"));

最後に、Viewで次のようにコーディングします。

@Html.DropDownList("DropDownListMainCategory", (IEnumerable<SelectListItem>)ViewBag.MainCategories, new { @class = "form-control", onchange = "this.form.submit();" })

0

回避策は、@ tvanfossonの回答(選択した回答)を使用し、JQuery(またはJavaScript)を使用してオプションの値を0に設定することです。

$(document).ready(function () {
        $('#DropDownListId option:first').val('0');
    });

お役に立てれば。


0

次のコードのようなものを試してください:

MyDAO MyDAO = new MyDAO();    
List<MyViewModel> _MyDefault = new List<MyViewModel>() {
                new MyViewModel{
                    Prop1= "All",
                    Prop2 = "Select all"
                }
            };
            ViewBag.MyViewBag= 
                new SelectList(MyDAO
                .MyList().Union(
                    _MyDefault
                    ), "Prop1", "Prop2");

-5

他の誰かがより良いオプションを持っているなら私はしません...

<% if (Model.VariableName == "" || Model.VariableName== null) { %>
   <%= html.DropDpwnList("ListName", ((SelectList) ViewData["viewName"], "", 
        new{stlye=" "})%>
<% } else{ %>
<%= html.DropDpwnList("ListName", ((SelectList) ViewData["viewName"], 
        Model.VariableName, new{stlye=" "})%>
<% }>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.