2012-04-03 61 views
0

服務器:可以默認模型綁定器生成IEnumerable <FormItem>?

public class FormItems 
{ 
    public IEnumerable<MyClass> Values { get; set; } 
} 

客戶端:

<form id="myform" action="/" method="post"> 
    <!-- Those inputs could be added dynamically --> 
    <input type="text" name="[0].Value" /> 
    <input type="text" name="[1].Value" /> 
    <input type="text" name="[2].Value" /> 
    <input type="text" name="[3].Value" /> 

    <button type="submit">OK</button> 
</form> 

最後AJAXify形式:

$(function() { 
    $('#myform').submit(function() { 
     var form = $(this); 
     $.ajax({ 
      url: form.attr('action'), 
      type: form.attr('method'), 
      data: form.serialize(), 
      success: function(result) { 

      } 
     }); 
    }); 
}); 

如何使用默認的模型綁定得到AJAX數據爲強類型化的IEnumerable?

[HttpPost] 
public JsonResult Save(FormItems data) 
+0

(注意每個數值輸入該名稱由FormItems匹配枚舉屬性名稱前綴)這完全取決於你在View中的結構。你可以發佈你的視圖的HTML? – mattytommo 2012-04-03 08:08:53

回答

1

假設MyClass是這樣

public class MyClass 
{ 
    public string Value { get; set; } 
} 

你的HTML應該是這樣的

< form id="myform" action="/" method="post"> 
    <!-- Those inputs could be added dynamically --> 
    <input type="text" name="Values[0].Value" /> 
    <input type="text" name="Values[1].Value" /> 
    <input type="text" name="Values[2].Value" /> 
    <input type="text" name="Values[3].Value" /> 

    <button type="submit">OK</button> 
</form>