Discussion :

[Amrz22]

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 :

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

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>

Est-ce possible de faire cette manipulation ?
Merci d'avance

[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

[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

[daniel.moreda]

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

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
 
$(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 :

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

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 :

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
 
        <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 :

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

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.