Checkbox是我们编成中时常会用到的,它的使用可以为我们带来很大的便捷,我们可以运用它从而实现数据的批量删除,然而在mvc4.0种如何实现该操作,其实也不难
看下面这个实例
· View
从数据库中获取数据显示到界面
@modelIEnumerable<CompanyEmployeeTake_LeaveSystem.Models.tb_askForLeave>
@{
ViewBag.Title = "AskForLeaveSubject";
}
@Scripts.Render("~/Scripts/jquery-1.7.1.min.js")
@Scripts.Render("~/Scripts/Home/AskForLeaveSubm.js")
<title>@ViewBag.Title</title>
<h2>邮件信息</h2>
@using (Html.BeginForm())
{
<table>
<tr>
<th>
@*@Html.ActionLink("删除选定邮件", "DeleteAskForLeave")*@
<inputtype="submit"id="delete"value="删除"/>
</th>
</tr>
<tr>
<td>
@Html.CheckBox("selectAll",false)
</td>
<td>
@Html.DisplayNameFor(model => model.subject)
</td>
<td>
</td>
</tr>
@foreach (var itemin Model)
{
<tr>
<td>
@Html.CheckBox(item.employeeNumber.ToString(),item.visible.Value)
@* @Html.CheckBoxFor(modelItem =>item.visible.Value, new
{
id=item.employeeNumber,
//value =item.visible.Value
// onclick ="filterGrid()",
//@checked ="checked"
}) *@
</td>
<td>
@Html.DisplayFor(modelItem => item.subject)
</td>
<td>
@Html.ActionLink("查看邮件","DetailAskForLeave",new { id= item.employeeNumber})
</td>
</tr>
}
</table>
}
上面是从数据库中获取数据,然后动态的生成html并把它显示到页面中,最上面那句是一个接口,后面跟着你实体中相对应的数据库表,意思是从这个接口中获取数据,然后在Model中遍历数据将其显示出来,点击最顶端的checkbox,可以实现全选和反选,js代码我会在后面显示出来,视图界面如下: