Récupération de la valeur DropDownList sélectionnée dans votre contr?leur MVC

Ce guide aborde le défi courant lié à l'accès à la valeur sélectionnée à partir d'une DropDownList au sein d'un contr?leur MVC.

Le problème?: Capturer efficacement la sélection de l'utilisateur à partir d'une DropDownList dans l'action de votre contr?leur MVC.

Action du contr?leur (approche initiale)?:

Le code suivant illustre une première tentative d'utilisation de FormCollection?:

[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = Request.Form["ddlVendor"].ToString(); // Using FormCollection
   return View(MV);
}

Modèle?:

public class MobileViewModel 
{
    public List<tbInsertMobile> MobileList;
    public SelectList Vendor { get; set; }
}

Affichage (partiel)?:

<table>
    <tr>
        <td>Mobile Manufacturer</td>
        <td>@Html.DropDownList("ddlVendor", Model.Vendor, "Select Manufacturer")</td>
    </tr>
</table>

Solutions?:

Méthode 1?: Utiliser Request.Form ou FormCollection (Moins recommandé)?:

Bien que fonctionnel, l'accès direct à Request.Form est généralement moins préféré en raison de sa dépendance à la manipulation de cha?nes et du manque de sécurité de type. Le code ci-dessus démontre déjà cette méthode.

Méthode 2?: liaison de modèle (recommandée)?:

Cette approche exploite les capacités de liaison de modèles de MVC pour une solution plus propre et plus maintenable.

1. Améliorez votre modèle?: Ajoutez une propriété à votre MobileViewModel pour contenir spécifiquement la valeur du fournisseur sélectionné?:

public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
}

2. Mettez à jour votre vue?: Utilisez Html.DropDownListFor pour lier la DropDownList à la nouvelle propriété SelectedVendor?:

@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")

3. Action du contr?leur raffiné?:Maintenant, la valeur sélectionnée sera automatiquement renseignée dans la propriété MV.SelectedVendor?:

[HttpPost]
public ActionResult ShowAllMobileDetails(MobileViewModel MV)
{           
   string strDDLValue = MV.SelectedVendor;
   return View(MV);
}

Méthode 3?: Récupération à la fois de la valeur et du texte (avancée)?:

Pour obtenir à la fois la valeur sélectionnée et le texte correspondant, vous aurez besoin d'un champ caché et de jQuery.

1. étendre le modèle?: Ajoutez une propriété pour stocker le texte du fournisseur sélectionné?:

public class MobileViewModel 
{
    // ... existing properties ...
    public string SelectedVendor { get; set; }
    public string SelectedVendorText { get; set; }
}

2. Ajouter jQuery?: Incluez jQuery dans votre vue et utilisez-le pour mettre à jour le champ masqué chaque fois que la sélection DropDownList change?:

$(function () {
    $("#SelectedVendor").on("change", function () {
        $("#SelectedVendorText").val($(this).find(":selected").text());
    });
});

3. Ajouter le champ caché à la vue?:

@Html.DropDownListFor(m => m.SelectedVendor, Model.Vendor, "Select Manufacturer")
@Html.HiddenFor(m => m.SelectedVendorText)

Maintenant, MV.SelectedVendor (valeur) et MV.SelectedVendorText (texte) seront disponibles dans votre contr?leur. N'oubliez pas d'inclure la bibliothèque jQuery dans votre vue. C'est la solution la plus robuste.

N'oubliez pas de choisir la solution qui correspond le mieux à vos besoins et à votre style de codage. La liaison de modèles (méthodes 2 et 3) est généralement recommandée pour sa clarté et sa maintenabilité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!