Jak mogę dodać element do SelectList w ASP.net MVC

112

Zasadniczo chcę wstawić element na początku SelectList z domyślną wartością 0 i wartością tekstową „- Select One -”

Coś jak

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

Czy można to zrobić?

GEOCHET
źródło
2
SelectListnaprawdę wydaje się być tylko pomocnikiem do wiązania danych bezpośrednio z elementami. Jeśli dodajesz elementy ręcznie, użyj List<SelectListItem>zamiast tego.
Kai Hartmann
Biorąc pod uwagę zaakceptowaną odpowiedź i liczbę głosów, czy mogę zasugerować nieznaczną zmianę pytania, aby odzwierciedlić tę odpowiedź, tj. „Jak dodać element o wartości pustej do SelectList w ASP.net MVC”? Ale podziękowania i podziękowania dla @ h-dog za odpowiedź na pierwotne pytanie „Jak mogę dodać element” jako takie
AndrewD

Odpowiedzi:

150

Naprawdę nie ma takiej potrzeby, chyba że nalegasz na wartość 0. Rozszerzenie HtmlHelper DropDownList umożliwia ustawienie etykiety opcji, która pojawia się jako wartość początkowa w selekcji z wartością null. Po prostu użyj jednego z podpisów DropDownList, które mają etykietę opcji.

<%= Html.DropDownList( "DropDownValue",
                       (IEnumerable<SelectListItem>)ViewData["Menu"],
                        "-- Select One --" ) %>
tvanfosson
źródło
1
A jeśli faktycznie nalegasz na wartość 0? Jeśli wartość jest null / pusty ciąg, może to powodować problemy z powiązaniem modelu.
Kjensen
2
Jeśli spodziewasz się powrotu jako int, użyłbym int? i nadal pozostawić wartość pustą, jeśli nie dokonano żadnego wyboru.
tvanfosson
13
Problem z tym rozwiązaniem polega na tym, że tracisz wybrany przedmiot.
37Stars
1
@JesseWebb Podejrzewam, że musisz tylko upewnić się, że używasz podpisu, który zawiera etykietę opcji , na przykład msdn.microsoft.com/en-us/library/ee703567.aspx , @Html.DropDownListFor( m => m.MenuSelection, (IEnumerable<SelectListItem>)ViewBag.Menu, "Select One", null )w tym wartość null, htmlAttributesaby uniknąć pomylenia z podpisem który przyjmuje wyrażenie, wyliczenie menu i obiekt (htmlAttributes).
tvanfosson
1
@tvanfosson - Dziękuję za wyjaśnienie. Próbowałem użyć go z typem złożonym jako typem IEnumerable w SelectList. Musiałem określić dataValueFieldi, dataTestFieldktóre sprawiły, że to nie zadziałało podczas dodawania wartości optionLabel. Prawdopodobnie mogłoby to zadziałać przy odrobinie większym wysiłku, ale użyłem tylko jednego z alternatywnych rozwiązań. Mimo wszystko dzięki!
Jesse Webb,
82

Mam to do pracy, wypełniając SelectListItem, konwertując na Listę i dodając wartość o indeksie 0.

List<SelectListItem> items = new SelectList(CurrentViewSetups, "SetupId", "SetupName", setupid).ToList(); 
items.Insert(0, (new SelectListItem { Text = "[None]", Value = "0" }));
ViewData["SetupsSelectList"] = items;
davewilliams459
źródło
Polecam użycie przeciążenia optionLabel w HtmlHelper -> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5
17

To jest możliwe.

//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);
eaf
źródło
Polecam użycie przeciążenia optionLabel w HtmlHelper -> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5
13

Podobała mi się odpowiedź @ AshOoO, ale podobnie jak @Rajan Rawal musiałem zachować wybrany stan elementu, jeśli taki istnieje. Więc dodałem moje dostosowanie do jego metodyAddFirstItem()

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);
}
H Dog
źródło
Polecam użycie przeciążenia optionLabel w HtmlHelper -> @ 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");
        }

Powinno zrobić to, czego potrzebujesz, po prostu wyślij swoją listę wyboru, a zwróci listę wyboru z pozycją w indeksie 0

Możesz dostosować tekst, wartość lub nawet indeks elementu, który chcesz wstawić

AshOoO
źródło
co jeśli mam wybrane wartości i chcę je zachować?
Rajan Rawal
Polecam użycie przeciążenia optionLabel w HtmlHelper -> @ Html.DropDownListFor
2b77bee6-5445-4c77-b1eb-4df3e5
5

Tutaj pomocnik html dla Ciebie

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;
}
ukryty
źródło
3

Metoda .ToList (). Insert (..) umieszcza element na liście. Można określić dowolną pozycję. Po liście ToList po prostu dodaj .Insert (0, "- - Pierwsza pozycja - -")

Twój kod

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

Nowy kod

SelectList list = new SelectList(repository.func.ToList().Insert(0, "- - First Item - -"));
ListItem li = new ListItem(value, value);
list.items.add(li);
Moji
źródło
2

Może nie brzmi to zbyt elegancko, ale zwykle robię coś takiego:

    var items = repository.func.ToList();
    items.Insert(0, new funcItem { ID = 0, TextValue = "[None]" });
    ViewBag.MyData = new SelectList(items);
Androiderson
źródło
1

Okej lubię czysty kod, więc zrobiłem z tego metodę rozszerzającą

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
    }
}

Użycie (na przykład):

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");
Jeff
źródło
1

Ponieważ ta opcja może potrzebować na wiele różnych sposobów, doszedłem do wniosku, aby opracować obiekt, aby można go było wykorzystać w różnych scenariuszach i przyszłych projektach

najpierw dodaj tę klasę do swojego projektu

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 });                    
    }
}

Teraz w akcji kontrolera możesz to zrobić

    // 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"));

I na koniec w widoku będziesz kodować w ten sposób.

@Html.DropDownList("DropDownListMainCategory", (IEnumerable<SelectListItem>)ViewBag.MainCategories, new { @class = "form-control", onchange = "this.form.submit();" })
sairfan
źródło
0

Obejściem problemu jest użycie odpowiedzi @ tvanfosson (wybrana odpowiedź) i użycie JQuery (lub JavaScript), aby ustawić wartość opcji na 0:

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

Mam nadzieję że to pomoże.

logicalguy
źródło
0

Spróbuj czegoś podobnego do następującego kodu:

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");
Enrique Mingyar Torrez Hinojos
źródło
-5

Nie wiem, jeśli ktoś inny ma lepszą opcję ...

<% 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=" "})%>
<% }>
New2this
źródło