在WebGrid中做批量删除操作

最新推荐文章于 2017-10-18 22:54:00 发布

weixin_30596023

最新推荐文章于 2017-10-18 22:54:00 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dangkei/p/3785570.html

本文介绍如何在MVC框架中使用WebGrid实现批量删除功能。通过在表格中添加复选框列并结合表单提交的方式，可以轻松地进行多条记录的同时删除操作。此外还提供了一个简单的示例来展示具体的实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般的MVC WebGrid都是在每一行中加入 Edit Detail Delete 这些Link 去对每条记录去单独操作。稍微研究了一下总结一个做批量删除的办法。

1. 首先是在WebGrid中加入一列CheckBox代码如下

       grid.Column(header: " ",
        format: @<text><input class="check-box"  id="chkbox" name="chkbox" type="checkbox" value="@item.CurrencyNo"/></text>),

2. 需要批量删除的需要在一个Form里如果需要JS提交form要为form指定id

@using (Html.BeginForm("PreferredCurrency", "SysConfig", FormMethod.Post, new { id = "PreferredCurrency" }))

3. submit

      function deleteItems() {
            document.getElementById("PreferredCurrency").submit();
        }

button

<input type="submit" value="delete" />

4. Control 中的代码

        [HttpPost]
        public ActionResult PreferredCurrency(FormCollection frm)
        {
            var ids = frm.GetValues("chkbox");

            foreach(var id  in ids)
            {
              //......................
　　　 //to delete by id;
            }
            return View();
        }