Comment créer et gérer dynamiquement des tableaux dans les formulaires MVC ASP.NET à l'aide de jQuery?

Utilisez jQuery pour créer dynamiquement un tableau dans asp.net mvc

Dans le développement Web, les utilisateurs doivent généralement permettre aux utilisateurs d'ajouter ou de supprimer dynamiquement les éléments de l'unité de table, tels que des zones de texte ou des listes de drop -down. Ceci est particulièrement utile lors de la création d'un formulaire pour des structures de données complexes (telles que des tableaux ou des listes).

Question

Lorsque vous utilisez ASP.NET MVC avec C #, l'utilisation de JavaScript pour créer une dynamique de champ de champ de format peut apporter des défis. Par défaut, la liaison du paramètre FormCollection dans MVC ne prend en charge que la liaison à des types simples, tels que la chaîne ou les nombres. Cependant, il est nécessaire de se lier au tableau ou à la liste, et un modèle qui indique une collection est nécessaire.

Solution: générer dynamiquement le contrôle de la forme

Pour lier les données du groupe de formulaires au modèle, la syntaxe du rasoir doit être utilisée pour générer dynamiquement le contrôle de formulaire pour s'assurer qu'ils ont des noms appropriés afin que les données puissent être correctement liées. Cela implique des éléments dans l'utilisation de la collection d'itération de boucle et génère des champs d'entrée tels que "BatchProducts [0] .quantity". Mettre à jour le modèle

Après avoir généré le contrôle, l'étape suivante consiste à mettre à jour la méthode d'opération pour recevoir un modèle qui correspond à la structure de formulaire. Les paramètres doivent être mis à jour en tant qu'objet de type fort qui représente un tableau ou une liste, tel que "ilist

". Ajouter et supprimer dynamiquement le projet

Si vous souhaitez permettre à l'utilisateur d'ajouter ou de supprimer les éléments du tableau, vous pouvez utiliser la fonction Auxiliaire BeginCollectionItem ou le modèle HTML. BeginCollectionItem La fonction auxiliaire permet d'insérer des modèles à l'index spécifique de l'ensemble, qui peut être utilisé pour présenter de nouvelles lignes de table. De même, le modèle HTML fournit une méthode d'ajout de nouveaux éléments pour ajouter de nouveaux éléments à l'aide de JavaScript.

Exemple d'utilisation de la fonction de débutcOllectionItem auxiliaire

Pour chaque élément de l'ensemble, utilisez BeginCollectionItem Auxiliary Fonction Pour générer une ligne de table, qui contient le champ de saisie de chaque attribut. Contient un champ de saisie caché, qui contient des indices d'élément utilisés pour supprimer l'objectif.

Exemple d'utilisation de modèles HTML

Créez un modèle pour les lignes de la collection et cachez-la initialement. Ensuite, utilisez le clone JavaScript et modifiez le modèle, mettez à jour la valeur d'index et ajoutez-le à la table.

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!