J'ai une table dans laquelle je crée et supprime dynamiquement des lignes. Comment puis-je modifier le code de sorte que les lignes soient ajoutées et supprimées et que la propriété info du modèle soit remplie en conséquence. En gardant à l'esprit que les lignes peuvent être créées dynamiquement et supprimées, je peux avoir Info [0], Inf0 [3], info [4] ... Mon objectif est de pouvoir lier le tableau même s'il n'est pas en séquence.liaison de modèles de tableaux non séquentiels
Modèle
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; }
Voir
<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>
}
Contrôleur
public ActionResult Create(Person person)
{
return new EmptyResult();
}