ASP.NET MVC: Plusieurs boutons de soumission à l'aide d'Ajax.BeginForm

Je veux créer une page qui a un bouton suivant et précédent bouton qui bascule de l'image affichée.

Pour cela j'ai créé un Ajax.BeginForm et inséré dans une image et deux boutons submit.

Puis-je (dois-je) ont plusieurs boutons de soumission à l'intérieur d'un Ajax.BeginForm?

Comment le contrôleur de gérer chaque soumettre séparément?

OriginalL'auteur kroiz | 2013-08-17

  1. 23

    Essayer cela,

    Vue

    @model TwoModelInSinglePageModel.RegisterModel
@using (Ajax.BeginForm("DYmanicControllerPage", "Test", FormMethod.Post,null, new { id = "frmSignUp" }))
{ 
  <div>
                <input type="hidden" id="" name="hidden2" id="hdasd" />
                @Html.HiddenFor(m => m.hidden1)
                @Html.LabelFor(m => m.Name)
                @Html.TextBoxFor(m => m.Name)
                @Html.ValidationMessageFor(m => m.Name)
            </div>
            <br />
            <div>
                @Html.LabelFor(m => m.Address)
                @Html.TextBoxFor(m => m.Address)
                @Html.ValidationMessageFor(m => m.Address)
            </div>
            <br />
            <div>
                @Html.LabelFor(m => m.PhoneNo)
                @Html.TextBoxFor(m => m.PhoneNo)
                @Html.ValidationMessageFor(m => m.PhoneNo)
            </div>

 <input type="submit" value="Save"  id="btnSave" name="ButtonType"/>
 <input type="submit" value="Next"  id="btnNext" name="ButtonType" />


}

    Contrôleur

      [HttpPost]
        public ActionResult DYmanicControllerPage(RegisterModel model,  string ButtonType)
        {
        if(ButtonType == "Next")
        {
            //Do Next Here
        }
        if (ButtonType == "Save")
        {
            //Do save here
        }
        return JavaScript("REturn anything()");

        }
    Le modèle que je reçois dans cette action ne détiennent pas les valeurs de la page. est-ce naturel?
    désolé, je ne comprends pas ce que vous essayez de dire.Pouvez-vous poster quelques code afin que je puisse vous aider.
    Merci mais ce n'est pas le lieu pour cela, je vais commencer une nouvelle question. dis-moi seulement ceci: dans l'action ci-dessus "DYmanicControllerPage", le modèle "modèle RegisterModel", est-il censé avoir les données de la forme comme le nom, l'adresse et le phoneno?
    Oui, vous pouvez obtenir les données dans egisterModel model d'utiliser cela à votre point de vue page @model TwoModelInSinglePageModel.RegisterModel. je viens de mettre à jour mon post.
    Comment serait-il si vous avez une image de votre bouton ou les boutons sont traduits?

    OriginalL'auteur Jaimin

  2. 7

    Je vous recommande d'avoir deux boutons, puis en fonction de ce bouton a été cliqué, vous pouvez définir l'action sur la forme:

    Rasoir

    $(function (){
    $("#btn-prev").click(function() {
        $("#form").attr
                   (
                      "action",
                      "@Url.Action("Action", "Controller", new {area="Area" })", 
                   ).submit();
    });
    $("#btn-next").click(function() {
        $("#form").attr
                   (
                      "action",
                      "@Url.Action("Action", "Controller", new {area="Area" })", 
                   ).submit();
    });
});

    Je suis à l'aide de jQuery ici pour faire cela, mais je pense que vous pouvez obtenir l'idée.

    Pourriez-vous élaborer un peu plus sur l'action du contrôleur. dois-je avoir une action? Si oui, comment puis-je différencier entre la précédente et la suivante? aussi qu'est-ce que l'url de l'action? merci.
    L'action est l'url de la forme des poteaux. Si vous le modifier à la volée, vous pouvez modifier l'emplacement du formulaire pour poster. Vous avez seulement besoin d'avoir un Ajax.BeginForm. Il sera de sortie le form tag sur le client que vous pouvez modifier via JavaScript.
    Vérifier les mises à jour.
    À l'aide de la ci-dessus, mais je suis incapable de parvenir à l'action. Importe-t-il la façon dont j'écris la Ajax.BeginForm? Ai-je besoin d'une signature particulière pour l'action dans le contrôle? J'ai appelé @using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "result" })).

    OriginalL'auteur Sam