Affichage MVC, Razor forme de l'ajax

À l'intérieur d'une Vue Partielle, il y a un formulaire(@addName) à l'aide de Html.Helper classes (TextBoxFor, DropDownListFor, etc).

@model Models.ADP

using (@Html.BeginForm(new { id= @addName}))
{
    @Html.TextBoxFor(model => model.EndValue, new { id = @newName, size = "5", style = "margin-right: 10px" })
    @Html.HiddenFor(model => model.ModuleTypeId, new { @Value = @ViewBag.ModuleId }
    @Html.DropDownListFor(model => model.DPId, @dpList, "Choose an Option...", new { @class = "select" })
}

Je intercepter le soumettre afin d'afficher et de consulter de nouveau les données de manière asynchrone, divId est la div pour l'ensemble de la Vue Partielle.

    $('#@saveName').click( function (event) {
        event.preventDefault();
        $.ajax({
            url: '@Url.Action("SaveADP", "Dispense")',
            type: 'POST',
            data: $('#@addName').serialize(),
            success: function (data) {
                $('#@divId').html(data);
            }
        })
    })

La SaveADP action est appelée, mais le seul champ avec une valeur de consigne est EndValue, les autres champs(ModuleTypeId et DPId) ont les valeurs par défaut à la place de leurs valeurs d'un formulaire. Ce que je fais mal ici?

Comment votre action ressembler?
public ActionResult SaveADP(ADP newDP) est la signature, ADP a les champs StartValue, EndValue, ModifiedDate, DPId, ModuleTypeId, et de la Durée. Je n'ai pas été au-delà encore depuis newDP n'est pas construit avec les valeurs correctes.

InformationsquelleAutor ItinerantEngineer | 2013-11-05

7

L'ASP.NET MVC agnostique façon de le faire est de donner l'id pour chaque éléments et ensuite de le passer le contrôleur en JSON. Comme une partielle, il serait mieux adapté à votre besoin, car la réponse pourrait être récupérée sur le rappel de la requête ajax.

Exemple
```
var DTO = {
    newDP: {
        StartValue: $("#id_of_elm").val(),
        EndValue: $("#newName").val(),
        Duration: $("#id_of_elm").val(),
        ModuleTypeId: $("#id_of_elm").val(),
        DPId: $("#id_of_elm").val()
    }
};

$('#saveName').click(function (event) {
    event.preventDefault();
    $.ajax({
        contentType: 'application/json'
        data: JSON.stringify(DTO),
        type: 'POST',
        url: '@Url.Action("SaveADP", "Dispense")'
    }).done(function (data) {
        $('#divId').html(data);
    });
});
```
Non, mais des points importants
1. Veuillez utiliser #saveName au lieu de #@saveName et #divId au lieu de #@divId
2. Veuillez noter que jqXHR.done() est la nouvelle façon de gérer le succès de rappel dans $.ajax
- Cela semble être la meilleure idée pour les id des champs, car ils ont besoin de l'être, merci! Le rasoir noms de variable...permet simplement de dire que certaines choses sont plus difficiles que ce qu'ils ont à être quand vous ne pouvez pas créer de nouveaux modèles, mais besoin de réutiliser points de vue 🙂
- le transfert de webforms à mvc est une douleur dans le cul, mais cela rend plus facile merci!
InformationsquelleAutor naveen
3

Première, .serialize() exclut les champs cachés.

Deuxième, vous devriez vérifier si le code HTML de votre liste déroulante s'adapte les règles suivantes pour "succès les contrôles".

Il y a une citation de La Documentation de l'API:

Note: Seules les "succès de contrôles" sont en série pour la chaîne. Pas de
bouton soumettre valeur est sérialisé depuis le formulaire n'a pas été soumis
à l'aide d'un bouton. Pour un formulaire de valeur de l'élément à inclure dans le
chaîne sérialisée, l'élément doit avoir un attribut name. Les valeurs de
les cases à cocher et des boutons radio (entrées de type "radio" ou "case")
ne sont incluses que si elles sont vérifiées. Données à partir du fichier de sélectionner des éléments
n'est pas sérialisé.

Succès les contrôles:
Une efficacité du contrôle est "valable" pour la soumission. Tous les succès
le contrôle a son nom de contrôle couplé avec sa valeur actuelle dans le cadre de
le formulaire soumis ensemble de données. Un succès de contrôle doivent être définis
à l'intérieur d'un élément de FORMULAIRE et doit avoir un nom de contrôle.

Cependant:
1. Contrôles sont désactivés ne peuvent pas être couronnée de succès.
2. Si un formulaire contient plus d'un bouton d'envoi, uniquement activé le bouton "soumettre" est un succès.
3. Tous "sur les" cases à cocher peut être couronnée de succès.
4. Pour les boutons radio qui partagent la même valeur de l'attribut name, seulement "sur" bouton radio peut être couronnée de succès.
5. Pour les menus, le nom de la commande est assurée par un élément SELECT et les valeurs sont fournies par l'OPTION éléments. Seulement sélectionné les options peuvent être
  couronnée de succès. Lorsqu'aucune option n'est sélectionnée, le contrôle n'est pas
  succès et ni le nom ni les valeurs sont soumis à la
  serveur lorsque le formulaire est soumis.
6. La valeur actuelle d'un fichier, sélectionnez une liste d'un ou plusieurs noms de fichiers. Lors de la soumission du formulaire, le contenu de chaque fichier sont
  présenté avec le reste des données du formulaire. Le contenu du fichier est
  emballé selon la forme du type de contenu.
7. La valeur actuelle d'un objet de contrôle est déterminé par l'objet de la mise en œuvre.
- Sonne comme un nom d'attribut est nécessaire, alors, merci
- Au travail, nous avons même écrit notre implémentation personnalisée de serialize() pour éviter ses limites.
InformationsquelleAutor Ilya Palkin

ci-dessous est le code fixe. Je n'ai pas essayé, mais doit être au travail:

@model Models.ADP

@using (Html.BeginForm(new { id= addName}))
{
    Html.TextBoxFor(model => model.EndValue, new {id = newName, size = "5", style = "margin-right: 10px"});
    Html.HiddenFor(model => model.ModuleTypeId, new {@@Value = ViewBag.ModuleId});
    Html.DropDownListFor(model => model.DPId, dpList, "Choose an Option...", new {@@class = "select"});
}

InformationsquelleAutor JC Lizard

Vous devez vous connecter pour publier un commentaire.