À L'Aide De Html.DropDownList sur une SelectList

J'ai le code suivant à l'intérieur de ma classe du modèle :-

public class PageOptions
    {
        public PageOptions()
    {
      int  size = Int32.Parse(System.Web.Configuration.WebConfigurationManager.AppSettings["TechPageSize"]);
            NameSelectionOptions = new SelectList(
            new List<SelectListItem> {
            new SelectListItem { Text=size.ToString(), Value = size.ToString()},
            new SelectListItem { Text="50", Value = "50"}, 
            new SelectListItem { Text="100", Value = "100"},
            new SelectListItem { Text="200", Value = "200"},
            new SelectListItem { Text="500", Value = "500"}
        }, "Value", "Text");

    }

    public SelectList NameSelectionOptions { get; set; }
    }
}

mais comment je peux afficher le SelectList à l'intérieur d'une page Html.DropDownList ? et le réglage de la valeur par défaut valueto la taille?
Grâce

Après 3 ans, êtes-vous satisfait de la réponse? 🙂
Rubrique en 5ème année maintenant... êtes-vous heureux encore? 🙂

InformationsquelleAutor john Gu | 2014-05-06

4

Il vous suffit de passer la sélection voulue comme un 4ème paramètre à la SelectList constructeur:
```
NameSelectionOptions = new SelectList(
    new List<SelectListItem> {
    new SelectListItem { Text=size.ToString(), Value = size.ToString()},
    new SelectListItem { Text="50", Value = "50"}, 
    new SelectListItem { Text="100", Value = "100"},
    new SelectListItem { Text="200", Value = "200"},
    new SelectListItem { Text="500", Value = "500"}
}, "Value", "Text", size);   //<<< Add size here
```
C'est beaucoup plus souple que la sélection d'un élément spécifique dans la liste.

Il existe plusieurs options pour la liaison d'une liste à la vue. Vous pouvez utiliser une propriété du ViewModel, cependant la pratique standard (comme par Microsoft échafaudage modèles) est à transmettre les listes déroulantes pour une vue dans une ViewBag entrée du même nom que le Modèle de la propriété. Cela a l'avantage supplémentaire de automatiquement la liaison la plus simple @Html.DropDownList("Size") version à la fois un Modèle de propriété appelée Size et le liste dans ViewBag.Size.

par exemple

Dans Le Contrôleur:
```
ViewBag.Size = new SelectList(
    new List<SelectListItem> {
    new SelectListItem { Text=size.ToString(), Value = size.ToString()},
    new SelectListItem { Text="50", Value = "50"}, 
    new SelectListItem { Text="100", Value = "100"},
    new SelectListItem { Text="200", Value = "200"},
    new SelectListItem { Text="500", Value = "500"}
}, "Value", "Text", size);   //<<< Add size here
viewModel.Size = size;
return View(viewModel);
```
Où viewModel contient toutes les propriétés que vous souhaitez modifier (y compris Size).

En Vue:
```
   @Html.DropDownList("Size")
```
ou si vous préférez le fortement typé version.
```
   @Html.DropDownListFor(m=>m.Size, (SelectList)ViewBag.Size)
```
En tout cas, le nom cohérentes aidera à éviter les problèmes.

Les valeurs par défaut peuvent aller dans le ViewBag, mais le choix doit être lié à ton ViewModel de sorte que vous pouvez utiliser le même ViewModel pour recevoir posté le retour des valeurs.
```
   @Html.DropDownListFor(m=>m.Size, (SelectList)ViewBag.Size, ViewBag.DefaultSize)
```
Mise à jour:

Si vous ne souhaitez pas lier la valeur actuelle pour rien (comme par commentaire), il vous suffit de le ViewBag.Size ensemble pour vous SelectList par le contrôleur et c'est la Vue. Vous n'avez pas besoin d'une valeur dans le Modèle.
```
   @Html.DropDownList("Size")
```
La sélection par défaut sera la sélection (4e paramètre, la taille) dans new SelectList() ci-dessus.
- ok, mais je ne veux pas lier la taille de n'importe quel moyen , que cette liste déroulante est utilisé à des fins de filtrage , où l'utilisateur sera en sélectionnant le nombre d'enregistrements de page en page. j'ai donc besoin d'utiliser le langage Html.DropDownList au lieu de Html.DropDownListFor. mais je ne peux pas passer trois paramètres à la page Html.SropdownList !!
- et aussi mon point de vue est à l'aide de la IPagedList<> qui ne contient pas de anHtml.DropdownList
- Vous n'avez pas besoin pour fournir une valeur limite. Il suffit d'avoir @Html.DropDownList("Taille") est assez pour mettre la liste sur la page avec la sélection par défaut de la taille.
InformationsquelleAutor Gone Coding

Simplement ajouter Sélectionné de la propriété en elle:

new SelectListItem { Text=size.ToString(), 
                     Value = size.ToString(),
                     Selected = true}

Modèle:

public class PageOptions
    {
        public PageOptions()
    {
      int  size = Int32.Parse("20");
            NameSelectionOptions = new SelectList(
            new List<SelectListItem> {
            new SelectListItem { Text=size.ToString(), Value = size.ToString()},
            new SelectListItem { Text="50", Value = "50"}, 
            new SelectListItem { Text="100", Value = "100"},
            new SelectListItem { Text="200", Value = "200"},
            new SelectListItem { Text="500", Value = "500"}
        }, "Value", "Text");

    }

    public SelectList NameSelectionOptions { get; set; }
    public string SelectedValue { get; set; }
    }

Action:

public ActionResult Index()
        {

            PageOptions model = new PageOptions();

            return View(model);
        }

Fortement Typé Vue:

@model TestAjaxUpload.Models.PageOptions
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>


@Html.DropDownListFor(x=>x.SelectedValue,Model.NameSelectionOptions)

si vous voulez faire sans modification de votre modèle actuel de vue, puis, créer une instance à l'intérieur de la vue et de passer comme ceci:

@model SomeModelClass
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>

@{

    TestAjaxUpload.Models.PageOptions objModel = new TestAjaxUpload.Models.PageOptions();

}


@Html.DropDownListFor(x=>x.SelectedValue,objModel.NameSelectionOptions)

mais vous devriez ajouter PageOptions SelectList comme propriété dans votre Modèle et de l'utiliser, je ne recommande pas de le faire directement dans Vue.

Mise À Jour (À L'Aide De ViewBag):

avec ViewBag vous pouvez le faire de cette façon:

 public ActionResult Index()
        {

            PageOptions model = new PageOptions();

            ViewBag.List = model.NameSelectionOptions;
            ViewBag.Selected = "20";

            return View(model);
        }

en Vue:

@Html.DropDownListFor(x=>x.SelectedValue,ViewBag.List as SelectList,ViewBag.Selected as string)

mais comment je peux referecne la selectList à l'intérieur de mon DropDownlist, sans l'aide de viewBag ?
avez-vous un modèle lié avec la vue?
je veux avoir la PageOptions partie de tout modèle, comme elle ne contient que des valeurs statiques ,, donc j'ai besoin de faire directement référence à la PageOption SelectList insdie mon point de vue?
consultez la mise à jour de réponse, j'espère que ça aide, toute question, vous pouvez me demander
je veux faire cela en utilisant le viewBag et définir la defualt valeur égale à antoher viewbag quelque chose comme @Html.DropDownList(ViewBag.PageOptions,"Texte","Valeur",ViewBag.actuel)
vous pouvez le faire de cette façon, mais ce que j'ai compris vous voulez faire sans l'aide de viewbag
vous avez à la valeur définie dans le viewbag sélectionné et passer juste ot sur DropDownList pour rendre sélectionné
ce que j'essaie de faire de la façon de construire la DropDownList avec viewbag pour définir sa valeur et un autre viewbag pour sélectionner le defualt valeur ?
voir la mise à jour j'ai mis à jour pour vous avec le viewbag ainsi
le problème que j'ai maintenant confrontés est que mon point de vue utilise IPagedList<Modèle>, ce qui ne permet pas de définir Html.DropDownList à l'intérieur ??
Quel que soit le modèle de vue est le helper html méthodes sont toujours accessibles dans la vue

InformationsquelleAutor Ehsan Sajjad

Vous devez vous connecter pour publier un commentaire.

Dans Le Contrôleur:

En Vue:

Mise à jour: