Une vue ayant plusieurs formes

Question

Je souhaite créer une vue contenant deux formulaires avec leurs boutons d'envoi.

Lors de la soumission, une mise à jour ajax devrait avoir lieu.

Alors, comment la classe herlper Html va m'aider?

Answer 1

Avec .post avec jQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#OneForm").submit(function() { 
      var f = $("#OneForm"); 
      var action = f.attr("action"); 
      var serializedForm = f.serialize(); 
      $.post(action, serializedForm, function(data) { 
      }); 
      return false; 
     }); 

     $("#TwoForm").submit(function() { 
      var f = $("#TwoForm"); 
      var action = f.attr("action"); 
      var serializedForm = f.serialize(); 
      $.post(action, serializedForm, function(data) { 
      }); 
      return false; 
     }); 

    }); 
</script> 


<% 
    using (Html.BeginForm<OneController> 
    (p => p.ActionOne(), FormMethod.Post, 
    new { id = "OneForm", name = "OneForm" })) 
    { 
%> 
<!-- yout first form here with its submit button --> 
<%=Html.AntiForgeryToken() %> 
<% 
    } 
%> 

<% 
    using (Html.BeginForm<TwoController> 
    (p => p.ActionTwo(), FormMethod.Post, 
    new { id = "TwoForm", name = "TwoForm" })) 
    { 
%> 
<!-- yout second form here with its own submit button --> 
<%=Html.AntiForgeryToken() %> 
<% 
    } 
%> 

Answer 2

Si vous faites référence à Html.BeginForm(), il a des surcharges où vous pouvez spécifier à la fois l'action et le contrôleur.