如何在选中/未选中复选框上立即发布

Question

我有一个显示在页面上的 ToDoItems 列表：

@model ToDo4.ViewModels.IndexViewModel  
@foreach (var item in Model.Items)  
{  
    <tr>  
        <td> @Html.DisplayFor(modelItem => item.Content) </td>  
        <td> @Html.DisplayFor(modelItem => item.Status) </td>  
    </tr>  
}  

IndexViewModel 包含：
List<ToDoItem> Items

我想在选中或取消选中复选框时立即更改显示的内容（对 ToDoItem.Status 进行过滤）。
1) 如何处理已选中/未选中的事件并返回控制器？
2）我怀疑我应该把列表放在局部视图中；处理选中/未选中事件的任何内容都只会刷新部分视图。
任何见解都表示赞赏...

Answer 1

使用 jquery ajax 回调控制器来更改数据库中的记录。像这样的

$.ajax({
    url: "@Url.Action("Action", "Controller")",
    type: "POST",
    cache: false,
    async: true,
    data: {
        id: 'clicked id'
    },
    contentType: 'application/json',
    dataType: 'json',
    success: function(result){
        var tr = //clicked row
        tr.remove();
    }
});

Getting the id of a table row when a checkbox is checked 这有关于如何获取单击行的 id 的代码，您应该能够将同一行与 tr.remove 一起使用。 tr.remove 将从表中删除表行。您提到需要更改列表，但希望删除将完成您所需要的。