具有多個表單的視圖

Question

我想創建一個視圖，其中包含兩個窗體及其提交按鈕。

關於提交表單ajax更新應該發生。

那麼Html herlper類將如何幫助我？

Answer 1

隨着使用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

如果你指的是Html.BeginForm（），它具有過載，你可以同時指定動作和控制器。