Passez et récupérez la liste de sélection de la case entre la visualisation et le contrôleur dans le MVC ASP.NET.
Dans le développement Web, nous rencontrons souvent l'affichage requis de la liste de cases dans la vue, permettant aux utilisateurs de choisir des cases à cocher, puis de soumettre ces options au contrôleur pour le traitement. Cependant, si nous gérons les corrélations et les éléments non associés en même temps, il peut être difficile de cartographier ces options pour les modèles.
Question:
Le formulaire Web utilise l'élément d'entrée HTML pour indiquer le champ de formulaire, y compris la case à cocher. Par défaut, la case sélectionnée ne renvoie pas sa valeur au contrôleur. Cela peut causer des problèmes lorsque nous voulons capturer toutes les valeurs sélectionnées (associations et non-associations) dans le modèle de vue.
Solution:
Afin de surmonter cette limite, nous pouvons utiliser une méthode structurée qui dépend d'un assistant HTML de type fort. En utilisant ces aides, nous pouvons assurer la liaison du modèle correct et combiner les avantages des valeurs de version automatique pour la sélection et non sélectionnés cases.
Créer un modèle de vue:
Dans la scène ci-dessus, nous supposons qu'il existe plus de relations entre les utilisateurs et les projets. Afin de représenter cela dans la vue, nous pouvons définir le modèle de vue suivant:
Remplissant le modèle de vue de charge:
Dans la méthode de l'opération GET de la vue, nous pouvons utiliser tous les éléments (y compris les éléments associés et non associés) pour remplir le modèle de vue, et définir la propriété ISSELECLED selon l'association réelle.
<code class="language-csharp">public class ItemViewModel
{
public int ID { get; set; }
public string Name { get; set; }
public bool IsSelected { get; set; } // 指示此项目是否已选中
}</code> Afficher la case à cocher dans la vue:
Dans notre avis, nous pouvons utiliser l'assistance HTML pour générer la case à cocher et afficher le nom du projet:
Recevoir la sélection dans le contrôleur: <code class="language-csharp">// GET 操作方法中的代码
var model = new ItemViewModel();
// ... 在此处填充模型 ...
return View(model);</code>
Dans la méthode de fonctionnement du post, nous pouvons lier le champ de formulaire à notre modèle de vue, et la propriété ISSElected reflétera automatiquement l'état de la case (sélectionnée et UNS sélectionnée).
Grâce à cette méthode, nous pouvons transmettre et capturer efficacement la liste de la case de sélection, quel que soit son état d'association précédent.
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!
