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é:
Remplacant le code proposé par Entity Framework:
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 />
J'utilise le script suivant:
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)
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.
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); }); }); });
Merci d'avance pour votre aide!
Partager