2010-06-16 73 views
0

我有一個表,我動態地創建和刪除行。如何更改代碼,以便添加和刪除行以及相應填充模型信息屬性。我可能有Info [0],Inf0 [3],info [4] ...我的目標是能夠綁定數組,即使它可以綁定數組,不按順序。非序列數組的模型綁定

型號

public class Person 
    { 
     public int[] Size { get; set; } 
     public string[] Name { get; set; } 
     public Info[]info { get; set; } 
    } 

    public class Info 
    { 
     public string Address { get; set; } 
     public string Tel { get; set; } 

查看

<script type="text/javascript" language="javascript"> 
     $(function() { 

      var count = 1; 

      $('#AddSize').live('click', function() { 
       $("#divSize").append('</br><input type="text" id="Size" name="Size" value=""/><input type = "button" id="AddSize" value="Add"/>'); 

      }); 

      $('#AddName').live('click', function() { 
       $("#divName").append('</br><input type="text" id="Name" name="Name" value=""/><input type = "button" id="AddName" value="Add"/>'); 

      }); 

      $('#AddRow').live('click', function() { 
       $('#details').append('<tr><td>Address</td><td> <input type="text" name="Info[' + count + '].Address"/></td><td>Tel</td><td><input type="text" name="Info[' + count++ + '].Tel"/></td> <td><input type="button" id="AddRow" value="Add"/> </td></tr>'); 
      }); 




     });   
     </script> 
</head> 

<body> 
    <form id="closeForm" action="<%=Url.Action("Create",new{Action="Create"}) %>" method="post" enctype="multipart/form-data"> 
    <div id="divSize"> 
    <input type="text" name="Size" value=""/> <input type="button" value="Add" id="AddSize" /> 
    </div> 


    <div id="divName"> 
    <input type="text" name="Name" value=""/> <input type="button" value="Add" id="AddName" /> 
    </div> 


    <div id="Tab"> 
    <table id="details"> 
     <tr><td>Address</td><td> <input type="text" name="Info[0].Address"/></td><td>Tel</td><td><input type="text" name="Info[0].Tel"/></td> <td><input type="button" id="AddRow" value="Add"/> </td></tr> 
    </table> 

    </div> 

    <input type="submit" value="Submit" /> 
    </form> 


</body> 
} 

控制器

public ActionResult Create(Person person) 
     { 
      return new EmptyResult(); 
     } 

回答