Discussion :

[darkman13130]

Bonjour,

Après plusieurs recherches, je n'arrive toujours pas à alimenter ma seconde Dropdownlistfor.

En effet j'ai trouvé que des exemples en utilisant les dropdownlist et non dropdowlistFOR car j'utilise un viewbag dont je récupère les données dans ma base.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
                    <div class="control-group">
                        <div class="editor-label">
                            @Html.LabelFor(model => model.Groupe)
                        </div>
                        <div class="editor-field">
                            @Html.DropDownListFor(model => model.Groupe, ViewBag.ListGroupe as IEnumerable<SelectListItem>, new { @id = "Groupe" })
                        </div>
                    </div>
 
                    <div class="control-group">
                        <div class="editor-label">
                            @Html.LabelFor(model => model.Reference)
                        </div>
                        <div class="editor-field">
                            @Html.DropDownListFor(model => model.Reference, ViewBag.ListReference as IEnumerable<SelectListItem>, new { @id = "Reference" })
                        </div>
                    </div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
        private void PopulateDropDownLisGroupe()
        {
            ViewBag.ListGroupe = new SelectList(repMateriel.GetListGroupe());
        }
 
        private void PopulateDropDownListReference(string groupe)
        {
            ViewBag.ListReference = new SelectList(repMateriel.GetListReference(groupe), "PKIdMateriel", "Reference");
        }

Je sais que je dois utiliser du javascript, j'ai réussi à récupérer la valeur de la première dropdowlistfor

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
 
    $(document).ready(function () {
 
        $('#Groupe').change(function () {
            var id = $("#Groupe :selected").val();
            alert(id);
        });
 
    });
</script>

MErci

[Immobilis]

Salut,

Tu veux dire que tu essaye de faire des listes liées?

A+

[Invité]

Salut,

Tu auras besoin de faire d'un peu plus de code pour arriver à tes fins :

• tu charges ton premier dropdown au chargement de la page.
• tu crées un script JS qui s'abonne à l’évent change de ton dropdown.
• dans le gestionnaire de l’événement, grâce à de l'ajax (jQuery te permet d'ne faire assez facilement) tu fais appel à une action de ton contrôleur qui te renvoie au format JSON les données à charger dans le second dropdown.
• une fois les données JSON récupérées, une recherche sur le net te permettra de savoir comment ajouter des éléments dans un dropdown avec du JS.

[darkman13130]

Merci pour ton retour, mais sur le net je n'ai trouvé que des exemples avec des listes non chargée par une base données et en dur ?

Salut,

Tu auras besoin de faire d'un peu plus de code pour arriver à tes fins :

• tu charges ton premier dropdown au chargement de la page.
• tu crées un script JS qui s'abonne à l’évent change de ton dropdown.
• dans le gestionnaire de l’événement, grâce à de l'ajax (jQuery te permet d'ne faire assez facilement) tu fais appel à une action de ton contrôleur qui te renvoie au format JSON les données à charger dans le second dropdown.
• une fois les données JSON récupérées, une recherche sur le net te permettra de savoir comment ajouter des éléments dans un dropdown avec du JS.

[katkiller]

Exemple 1
Exemple 2

Si tu sais lire des données en Bdd je ne vois pas la difficulté pour mettre en oeuvre les "Cascading Dropdownlist" !

[darkman13130]

http://www.c-sharpcorner.com/UploadF...4-using-razor/

Merci pour votre aide