ASP.NET MVC, Ajax.BeginForm mange params de soumettre le bouton cliqué. Ressemble à un bug

Mise à JOUR: 2009-11-21
J'ai téléchargé MVC Version 2 avant-2 et a cherché à savoir si ce problème a été résolu.
J'ai fait un test rapide et a trouvé des résultats similaires pour MVC Release 2 Aperçu 1.
Je ne crois pas qu'il est encore fixée.

Mise à JOUR: 2009-08-07
J'ai téléchargé MVC Release 2 Extrait 1 et regarda pour voir si ce problème a été résolu.
Je vois une nouvelle fonction dans le script MicrosoftMvcAjax.debug.js appelé _serializeSubmitButton et je vois que lors de l'Ajax.BeginForm() rend la sortie il y a un événement onclick, mais lorsque cet événement se déclenche, il génère un message d'erreur "erreur d'exécution Microsoft JScript:" Sys.Mvc.AsyncForm' a la valeur null ou n'est pas un objet".

En bref, il ressemble à un correctif a été tenté, mais il n'est pas encore ou j'ai besoin de faire quelque chose de plus. La mauvaise nouvelle est que si elle n'est pas la plus tard, puis Ajax Formes sera cassé pour tout le monde jusqu'à ce que la réparation est terminée.

Mise à JOUR: 2009-05-07
J'ai reçu des commentaires aujourd'hui à partir de Microsoft confirme qu'il s'agit d'un bug. Ils ont enregistré le défaut et déclaré qu'ils espèrent avoir corrigé dans une future version.

Pour référence, je suis en laissant les détails de mon enquête que j'ai transmises à Microsoft. Appologies pour le long post, mais ce sera peut-être utile pour ceux qui cherchent à créer un travail autour..

Il y a quelques problèmes dans le support Ajax dans MVC. Pour illustrer, considérons le modèle illustré dans plusieurs exemples sur le web:

//===========
//View.aspx
//===========
<% using (Ajax.BeginForm("Action", "Controller", 
    new AjaxOptions { UpdateTargetId  = "MyControl", HttpMethod = "POST"}))
{ %>
    <span id="MyControl">
       <% Html.RenderPartial("MyControl"); %>
    </span>
<% } %>

//================
//MyControl.ascx
//================
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<input name="startIndex" type="hidden" value="0" />
<%= Ajax.ActionLink("Prev", "PrevAction",
    new AjaxOptions() { UpdateTargetId="MyControl", HttpMethod="POST"}) %>
<%= Ajax.ActionLink("Next", "NextAction", 
    new AjaxOptions() { UpdateTargetId="MyControl", HttpMethod="POST"}) %>
//...

Prévu:

, Il est juste une liste que vous pouvez l'utilisateur peut la page de l'avant et à l'arrière sans mettre à jour l'intégralité de la page.

Compte tenu de cette configuration. J'attends 2 liens étiquetés "Prev" et "Next". En cliquant sur "Prev" faut tirer la PrevAction méthode dans le contrôleur en poste et de la valeur dans le champ caché nommé "startIndex" devrait être disponible dans les paramètres de la requête. - Je m'attendre à des résultats similaires en cliquant sur le lien Suivant.

Réel:

La réalité est que l'objet de la requête ne contient AUCUNE forme de paramètres, même s'il montre qu'il est venu dans un POST.

Afin d'obtenir l'un des paramètres à l'aide de l'action de lien, elles doivent être explicitement fournis par le biais de la variation de ActionLink qui contient des paramètres. Lorsqu'il est utilisé les paramètres de devenir une partie de l'URL du lien qui l'emporte sur l'objectif d'avoir un POSTE.

, Alors pourquoi est le javascript de mal?

J'ai fouillé dans le code javascript qui est utilisé pour traiter le soumettre pour l'exemple que j'ai posté ma question et maintenant, je comprends mieux pourquoi il ne veut pas s'en occuper. La raison semble être liée à la façon dont ils ont câblé des événements et de ce que je crois est un défaut dans Internet Explorer.

La façon dont il fonctionne actuellement, c'est que l'Ajax.BeginForm() de la classe helper génère une balise de formulaire avec un onsubmit() fonction d'intercepter le formulaire de soumission de l'événement. Lorsque l'utilisateur clique sur un bouton de soumission de la onsubmit() fonction feux et reçoit des paramètres, qui est celui de l'événement.

La MicrosoftMvcAjax les scripts lors de l'événement, combinez les propriétés du formulaire, qui sont censés être soumis et envoie la demande de congé pour le serveur. Le problème est que par WC3 de normes que la succès contrôles sont censés être affichés. Dans le cas de boutons submit, c'est le bouton qui a été cliqué sur réellement. Sous internet explorer il n'y a aucun moyen de déterminer quel bouton effectivement causé l'événement submit à feu de sorte que le script ne saute tous les boutons de soumission.

(Dans Firefox, l'événement contient une propriété appelée "explictOriginalTarget" qui pointe vers le bouton qui a causé l'événement en premier lieu)

Quoi la solution?

Microsoft devrait être de fixation. Cependant, si nous avons besoin de quelque chose plus tôt, je crois, la seule option est de pirater le MicrosoftMvcAjax scripts au fil des événements différemment. J'ai trouvé que le formulaire peut être relié à une poignée d'un événement mousedown où le bouton cliqué peut être enregistré dans une variable globale où le onsubmit gestionnaire peut s'insérer dans les paramètres post.

Voici un code que j'ai été le tester pour illustrer cette technique. J'ai confirmé qu'il travaille dans les deux IE8 et FireFox, mais je n'ai pas essayé de le pirater dans le MVC, Ajax scripts pourtant... Si j'ai plus de temps. Je peut poster les résultats ici.

   <script type="text/javascript">
     var _clicked = "";
     function onSubmit(e) {
       var targ;
       if (!e) var e = window.event;
       if (e.target) targ = e.target;
       else if (e.srcElement) targ = e.srcElement;
       if (targ.nodeType == 3) //defeat Safari bug
           targ = targ.parentNode;
       alert("OnSubmit:" + _clicked + " was clicked.");
       return false;
     }
     function Click(e) {
       var targ;
       if (!e) var e = window.event;
       if (e.target) targ = e.target;
       else if (e.srcElement) targ = e.srcElement;
       if (targ.nodeType == 3) //defeat Safari bug
           targ = targ.parentNode;
       _clicked = targ.name;
       return true;
   }

 <form action="/Home/Type" method="post" 
onsubmit="onSubmit(event)" onmousedown="Cliquez sur(event)"> 
<input type="submit" name="StdPrev" value="StdPrev" /> 
<input type="submit" name="StdNext" value="StdNext" /> 
</form> 

Je suppose que cela a été corrigé dans MVC 2 (ou il n'a jamais été rompu). Assurez-vous que votre balisage HTML valide. L'exemple suivant devrait montrer ça fonctionne.

Vote.aspx:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Vote</title>
</head>
<body>

<%using (Ajax.BeginForm("Vote", "Voting", new AjaxOptions { UpdateTargetId = "message" }))
  { %>
    <%= Html.Hidden("itemId", "1")%>
    <p>I love ASP.NET MVC!</p>

    <input type="submit" name="voteValue" value="+" />
    <input type="submit" name="voteValue" value="-" />
<%} %>

<p id="message"><%= TempData["message"] %></p>


<script type="text/javascript" src="<%= Url.Content("~/Scripts/MicrosoftAjax.js")%>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/MicrosoftMvcAjax.js")%>"></script>

</body>
</html>

VotingController.aspx:

using System.Web.Mvc;

namespace Examples.FormWithMultipleSubmitButtons.Controllers
{
    public class VotingController : Controller
    {
        public ViewResult Vote()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Vote(int itemId, string voteValue)
        {
            switch(voteValue)
            {
                case "+":
                    TempData["message"] = "You voted up.";
                    break;
                case "-":
                    TempData["message"] = "You voted down.";
                    break;
                default:
                    TempData["message"] = "Your vote was not recognized.";
                    break;
            }

            if(Request.IsAjaxRequest())
            {
                return Content(TempData["message"].ToString());
            }
            else
            {
                return View();
            }
        }
    }
}

J'ai eu le même problème aujourd'hui (8 octobre 2010) avec mon formulaire avec plusieurs boutons de soumission. Le HTML n'a pas de valider. J'ai nettoyé. C'est encore de ne pas valider (mais de moins en moins d'erreur que l'original) et maintenant la valeur de cliqué bouton est soumis.

Je n'ai suivantes:

            <input id="btnSubmit" name="btnSubmit" type="hidden" value="" />
            <input type="submit" name="btnSubmit" value="Delete" id = "btnDelete"  onclick="$('#btnSubmit').attr('value','Delete');"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="submit" name="btnSubmit" value="Save New" id = "btnSaveNew"  onclick="$('#btnSubmit').attr('value','Save New');"/>
            <input type="submit" name="btnSubmit" value="Save" id = "btnSave" onclick="$('#btnSubmit').attr('value','Save');"/>

c'est à dire défini un hidden input type avec l'id de "btnSubmit" et sur chaque bouton ajouté à l'événement onclick comme onclick="$('#btnSubmit').attr('value','Delete');". cela semble fonctionner
comme je l'ai été en mesure d'obtenir la valeur du bouton cliqué dans le contrôleur:

public ActionResult SaveCreateBlot(string btnSubmit)
{

}