Dropdownlist MVC5 EntityFramework

Version imprimable

1 pièce(s) jointe(s)

Bonjour, comme le titre l'indique j'essaie de de developper une application web en asp.net MVC, j'ai lu deux fichiers pdf concernant l'asp.net, mais je suis bloqué maintenant dans la dropdownlist, mon problème est theoriquement simple, je veux pouvoir afficher des informations dans la vue crée à l'aide d'une dropdownlist d'une maniere dynamique, à chaque selection d'un "idpersonnel" il m'affichera en bas le nom de ce dernier sans "submit", je suis encore débutant et je ne sais pas comment procéder, voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 @Html.ValidationSummary(true, "", new { @class = "text-danger" }) <div class="form-group"> @Html.LabelFor(model => model.id_c, "IPN", htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.DropDownList("id_c", null, htmlAttributes: new { @class = "form-control" }) @Html.ValidationMessageFor(model => model.id_c, "", new { @class = "text-danger" }) </div>
Pièce jointe 212398
Est-ce possible de faire cette manipulation ?
Merci d'avance

10/06/2016, 13h50
chadoum

Tu peux utiliser un ajax.beginForm. Il y a un exemple ici : http://blog.falafel.com/ajaxbeginform-with-mvc-4/
Je te laisse chercher un peu... Reviens poser une question si tu coinces ;)
10/06/2016, 16h51
Amrz22

J'ai essayé , mais j'ai pas bien saisi , sinon est-ce possible d'implementer une recherche dans le dropdownlist j'ai trouvé quelquechose nommé Select2 et je reste toujours coincer, Merci Encore

Voici le script \Scripts\app\ligne-index.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$(document).ready(function () {
    $("#depart").change(function () {
        $("#code").val(
            $("#depart option:selected").text()
          + $("#arrivee option:selected").text()
        );
    });
    $("#arrivee").change(function () {
        $("#code").val(
            $("#depart option:selected").text()
          + $("#arrivee option:selected").text()
        );
    });
});

Dans ma vue en Edit.cshtml :

Code:

1
2
3
4
5
 
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/app/ligne-index.js")  // chemin du script a charger 
}

Tu mets un identifiant aux dropdownlist ici id="depart" et id="arrivee":

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
        <div class="form-group">
            <label class="control-label col-md-2" for="DepartAeroportId">Depart de </label>
            <div class="col-md-10">
                @Html.DropDownList("DepartAeroportId", null, htmlAttributes: new { @class = "form-control", id = "depart"})
                @Html.ValidationMessageFor(model => model.DepartAeroportId, "", new { @class = "text-danger" })
            </div>
        </div>
 
        <div class="form-group">
            <label class="control-label col-md-2" for="ArriveeAeroportId">Arrivée à</label>
            <div class="col-md-10">
                @Html.DropDownList("ArriveeAeroportId", null, htmlAttributes: new { @class = "form-control", id = "arrivee" })
                @Html.ValidationMessageFor(model => model.ArriveeAeroportId, "", new { @class = "text-danger" })
            </div>
        </div>

et bien sur un identifiant dans la zone ou tu souhaites écrire ici id="code" :

Code:

1
2
3
4
5
6
7
8
 
        <div class="form-group">
            @Html.LabelFor(model => model.Code, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Code, new { htmlAttributes = new { @class = "form-control", id = "code" } })
                @Html.ValidationMessageFor(model => model.Code, "", new { @class = "text-danger" })
            </div>
        </div>

Voilà ca fonctionne sans renvoyer le formulaire tout coté client.