Autres événements jQuery soumettant mon Ajax.BeginForm

Question

J'ai un ASP.Net MVC Ajax.BeginForm qui soumet et met à jour ma page correctement lorsque je clique sur le bouton Soumettre.

Le problème est que j'ai besoin d'événements supplémentaires pour faire la même chose, comme quand ils changent le texte d'une entrée. Les événements additonnels soumettent correctement le formulaire, mais ils contournent le javascript onsubmit généré sur la balise de formulaire par le Ajax.BeginForm.

est ici la balise form générée par Ajax.BeingForm:

<form action="/Store/UpdateCart" method="post" onsubmit="Sys.Mvc.AsyncForm.handleSubmit(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, updateTargetId: 'updatedContent' });"> 

Et voici le jQuery pour lier mes autres événements qui doivent soumettre le formulaire via Ajax:

$("#ShippingType, #ViewCart .ddl").bind("change", function() { $("#ViewCartPage form").submit() }); 

Toutes les idées sur la façon d'obtenir ces événements supplémentaires pour déclencher l'onsubmit comme j'en ai besoin aussi?

Answer 1

Décidé à utiliser simplement une forme régulière, puis le plugin jQuery.Form et cela a fonctionné en 2 secondes! J'aurais aimé faire cette route orginally.

var options = { 
    target: '#updatedContent', // target element(s) to be updated with server response 
    beforeSubmit: showRequest, // pre-submit callback 
    success: showResponse // post-submit callback 
     }; 

$('#ViewCartPage form').ajaxForm(options); 

Man I love jQuery

Answer 2

Ceci est un peu un problème délicat dans la version actuelle de MVC. Vous ne pouvez pas utiliser la fonction "submit()" car elle ne déclenchera pas le gestionnaire d'onsubmit. Au lieu de cela, vous devez appeler le gestionnaire onsubmit directement. Le seul truc est que vous devez passer un argument à onsubmit() quand vous l'appelez. Cet argument est ce qui devient le paramètre "event" dans le gestionnaire (voir la partie "new Sys.UI.DomEvent (event)"). Le paramètre "event" est utilisé par les scripts MVC Ajax pour annuler le comportement par défaut, lorsque vous cliquez sur le bouton Soumettre pour que le contenu Ajax puisse être ininterrompu.

Donc, si vous changez votre code à ceci:

$("#ShippingType, #ViewCart .ddl").bind("change", function() { $("#ViewCartPage form").onsubmit({ preventDefault: function() {} }) }); 

L'événement onsubmit() sera déclenchée lorsque les champs de formulaire changent. Le code crée un objet événement "faux" qui implémente la méthode preventDefault() (qui est la seule que les assistants MVC Ajax utilisent) afin que vous n'obteniez pas d'erreurs.

Answer 3

Change -

bind("change", function() { $("#ViewCartPage form").submit() }); 

à -

bind("change", function() { $("#ViewCartPage form").onsubmit() }); 

Answer 4

Microsoft va nous briser sans doute, mais:

function SubmitMvcAjaxForm(formName) { 
    eval('var event = new Object(); event.type="keypress"; ' + document.forms[formName].attributes["onsubmit"].value.replace('(this,', '(document.forms["' + formName + '"],')); 
} 

Answer 5

j'utilisais la réponse de Sichbo dans MVC2, mais je l'ai trouvé que avec MVC3 vous ne avez plus besoin de ces solutions de contournement (ie $ ('# votreformform'). submit(); va maintenant fonctionner pour les appels ajax).