Discussion :

[nabil81h]

Bonjour à tous,

Je suis face à un problème en utilisant un script afin d'alimenter ma DropDown en fonction du choix précedént mais je veux aussi que ces séléctions correspondent à des propriétés de mon model Restriction que l'utilisateur saisit.

Donc voici le code que j'ai utilisé:

Code :

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

1
2
3
4
 
 @Html.DropDownList("AssetID", ViewBag.AssetID as SelectList, "Select a Asset Class", new { id="AssetID" })<br />
                <select id="Segment" name="segment"></select><br />
                <select id="subAsset" name="SubAsset"></select><br />

Remplacant le code proposé par Entity Framework:

Code :

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

1
2
3
4
 
@Html.DropDownList("AssetID", String.Empty)
  @Html.DropDownList("SegmentID", String.Empty)
  @Html.DropDownList("SubAssetID", String.Empty)

J'utilise le script suivant:

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
19
20
21
22
 
$(function () {
    $('#AssetID').change(function () {
        $.getJSON('/Restriction/SegmentList/' + $('#AssetID').val(), function (data) {
            var items = '<option>Select a Segment</option>';
            $.each(data, function (i, segment) {
                items += "<option value='" + segment.Value + "'>" + segment.Text + "</option>";
            });
            $('#Segment').html(items);
        });
    });
 
    $('#Segment').change(function () {
        $.getJSON('/Restriction/SubAssetList/' + $('#Segment').val(), function (data) {
            var items = '<option>Select a SubAsset</option>';
            $.each(data, function (i, subAsset) {
                items += "<option value='" + subAsset.Value + "'>" + subAsset.Text + "</option>";
            });
            $('#subAsset').html(items);
        });
    });
});

Si quelqu'un pourrait m'eclairer je pense que mon problème est que je ne lies pas les sélections avec les propriétés de mon model, où AssetID, SegmentID, SubAssetID, sont des clés étrangères, une de mes première idée est d'utiliser DropDownlistFor mais je ne vois pas comment avec mon implémentation.

Merci d'avance pour votre aide!

[M_Makia]

Bonjour nabil81h,


Pour lier tes dropdown a ton model essaye ca :

Code c# :

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

1
2
3
4
5
6
7
8
9
 
public class Restriction
{
...
public int AssetID {get;set;}
public int SegmentID{get;set;}
public int SubAssetID{get;set;}
...
}

Mon form.cshtml

Code :

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

1
2
3
4
5
6
7
 
@model MonApp.models.Restriction 
...
@Html.DropDownListFor(m => m.AssetID, maSelectListItemAsset)
@Html.DropDownListFor(m => m.SegmentID, Model.maSelectListItemS)
@Html.DropDownListFor(m => m.SubAssetID, Model.maSelectListItemSubAssetID)
...

[nabil81h]

C'est bon cela fonctionne merci !