我在删除表格行时遇到了一个奇怪的问题。我基本上有一个表格列出了我的模型中的项目,我想做一个批量编辑。我还想允许删除表格行(在提交之前)。一切都很好,除了当我删除表中的第一行时,当我将表单发布到我的控制器时,集合为空。如果我删除任何其他行,则该集合完美地反映了该表。只是第一行正在取消发布的模型。
这是一些javascript
$("#tableItems").delegate('a.delete', 'click', function (e) {
e.preventDefault();
$(this).closest('tr.tableItem).append();
});
这是我的控制器
[AcceptVerbs(HttpVerbs.Post)]
[NoCacheAttribute]
public JsonResult SaveItems(Modelmodel)
{
//model.collection is null here if I remove the first row from table
return Json(new { Result = "OK" });
}
我有一个编辑器模板,它像这样重复行:
<tr class="tableItem">
<td style='width:100%;border-right:solid 1px black;border-top:solid 1px black;background-color:@Model.BackgroundColor;'>@Html.TextBoxFor(x => x.Notes, new { style="width:100%"})</td>
<td style='border-top:solid 1px black;background-color:@Model.BackgroundColor;'><a class="delete" href="#">Delete</a></td>
在我的主视图中,我有一些看起来像这样的 html:
<table id="tableItems">
<trbody>
<tr>
<td style=' text-align:right;background-color:#F1F1F1;' colspan='6'>
<input type="submit" value="Submit" />
</td>
</tr>
<tr>
<td style='background-color:#F1F1F1;' colspan='6'><strong>Name: </strong>@Html.TextBoxFor(x => x.Name)</td>
</tr>
<tr>
<td style='border-right:solid 1px black;border-top:solid 1px black;background-color:#C0C0C0;'><strong>Notes</strong></td>
<td style='border-top:solid 1px black;background-color:#C0C0C0;'><strong>Actions</strong></td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tbody>
@Html.EditorFor(x => x.collection)
</tbody>
</trbody>
</table>
任何帮助将非常感激!