EasyUI-DataGrid之批量删除

简单介绍一下,涉及到的几个知识点:

1.checkbox,多选

2.前台到后台传值,我用的是字符串拼接,到了后台在拆分的方式

3.批量删除的底层实现

效果图

前台view

<table id="list_data" class="easyui-datagrid" style="width:1075px;height:300px" cellpascing="0" cellpadding="0"    ></table>
$(function () {
            $('#dg').datagrid({
                title: '查询结果',
                iconCls: 'icon-view', //图标
                width: 100,
                height: 'auto',
                nowrap: false,
                striped: true,
                border: true,
                collapsible: true, //是否可折叠
                fit: true, //自动大小
                url: "/EvaluationTemplate/GetData", //传值
                remoteSort: false,
                pagination: false,  //分页控件
                rownumbers: false,  //行号
                singleSelect: false, //允许选择多行
                selectOnCheck: true,//true勾选会选择行,false勾选不选择行, 1.3以后有此选项。重点杂这里
                checkOnSelect: true, //true选择行勾选,false选择行不勾选, 1.3以后有此选项
                columns: [[
                     { field: 'ck', checkbox: true, width: '30' },  //复选框
	                 { field: 'TemplateName', title: '模板名称', width: '100' },  //课程类型名称
                ]],

            });

        });

解说:根据本篇博客性质,所以,大家重点看


  selectOnCheck:true,//true勾选会选择行,false勾选不选择行, 1.3以后有此选项。重点杂这里

checkOnSelect: true,//true选择行勾选,false选择行不勾选,1.3以后有此选项        ”这两行代码。听着挺绕,其实就是复选框和选中行的颜色一致。一旦选中,复选框和具体某一行都变。

Controller.cs

 #region 删除模板
        /// <summary>
        /// 删除模板,批量删除,返回值是布尔值
        /// </summary>
        /// <returns>返回值是布尔值</returns>
        public bool DelTem()
        {

            //从前台获取字符串拼接,在这里先不转换成数组
            String strTemId= Request.QueryString["id"].ToString();
            bool bltem = template.DelTemplate(strTemId);
            return bltem;

        }
#endregion

解说:controller在这里只是作为一个数据传输的纽带。

服务端

//拆分字符串,放入数组中
 string[] strTemplateId = strTemplateIdAll.Split(',');
 #region 根据条件删除 void DelBy(Expression<Func<T, bool>> delWhere)
        /// <summary>
        /// 根据条件删除
        /// </summary>
        /// <param name="delWhere">删除条件</param>
        public void DelBy(Expression<Func<T, bool>> delWhere)
        {
            //1查询要删除的数据
            List<T> listDeleting = MyBaseDbContext.Set<T>().Where(delWhere).ToList();
            //2将要删除的数据 用删除方法添加到 EF 容器中
            listDeleting.ForEach(u =>
            {
                MyBaseDbContext.Set<T>().Attach(u);//先附加到 EF容器
                MyBaseDbContext.Set<T>().Remove(u);//标识为 删除 状态
            });
        }
        #endregion

解说:依旧是底层类库,底层使用EF,涉及到lambda表达式,批量删除实现原理都是一样的,具体实现自己来做吧。

时间: 2024-10-08 10:51:51

EasyUI-DataGrid之批量删除的相关文章

【EasyUi DataGrid】批量删除

DataGrid是我们做网页经常使用到的组件之中的一个,对它的操作也无非是增删改查操作.单条数据的增删改相对来说比較简单.添加.改动能够直接在DataGrid中进行,也能够用弹出框的形式把数据装载在文本框等各种控件中呈现给用户,让用户自己主动填写或改动.删除的事稍后再说.个人觉得"查"是最难的.由于它涉及到了表格的各种载入问题等等.假设你觉得这是危言耸听.那就我的期待兴许博客吧! 不知道上边在说什么的能够忽略不计.接下来进行正文部分.这次的DataGrid分三部分来写:批量删除.批量改

实例:SSH结合Easyui实现Datagrid的批量删除功能

在我先前的基础上面添加批量删除功能.实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志flag,但flag=true表示状态可见,但flag=false表示状态不可见,为删除状态.便于日后数据库的维护和信息的查询.因此表结构添加一个flag字段 没有改变的代码这里就不写了,发生改变的代码贴出来 1.因为表结构发生变化.所以对应的Student.java和Student.hbm.xml发生改变 [java] view plaincopy package com.model;

使用easyui实现列表的批量删除

使用easyui实现列表的批量删除 首先要做的就是添加一个多选框 <table id="otGrid" nowrap="false" style="height: 330px;"> <thead> <tr> <th data-options="checkbox:true"></th> //就是这个,多选框 在列表的配置选项中 添加一个 singleSelect:fal

easyui datagrid 批量编辑和提交

前台主要代码: <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700, height : 250, columns : [ [ { field : 'code', title : 'Code', width : 100, editor : "vali

bos 第3天(easyui弹窗边界问题、取派员的添加、修改和批量删除)

BOS项目笔记 第3天 今天内容安排: 1.解决window窗口bug 2.bos项目整体需求分析(基础设置.取派.中转.路由.报表) 3.取派员添加功能 4.jQuery easyUI控件datagrid使用方式 5.基于datagrid实现取派员分页查询 6.取派员批量删除和修改 1. 修复window控件bug 将上面的js文件引入jsp页面中 2. 基础设置部分需求分析 整个基础设置部分对应需求文档2.6章节. 2.1 基础档案设置 在其他的系统中通常称为"数据字典".提供基础

JAVAEE——BOS物流项目04:学习计划、datagrid、分页查询、批量删除、修改功能

1 学习计划 1.datagrid使用方法(重要) n 将静态HTML渲染为datagrid样式 n 发送ajax请求获取json数据创建datagrid n 使用easyUI提供的API创建datagrid(掌握) 2.实现取派员分页查询 n 调整页面基于datagrid发送ajax请求 n 创建PageBean封装分页参数 n 定义通用分页查询方法 n 将分页查询结果转为json返回 3.取派员批量删除 n 页面调整 n 服务端实现 4.取派员修改 n 页面调整 n 服务端实现 2 data

jquery easyui datagrid设置行样式 不可删除某行

rowStyler: function (index,row) { if (parseInt(row.ksrs) > 0) { return 'color:red'; } }, onLoadSuccess:function(data){ var rows = data.rows; for (var j = 0; j < rows.length; j++) { if (parseInt(rows[j]["ksrs"]) > 0) { $(".datagrid-

ASP.NET给DataGrid,Repeater等添加全选批量删除等功能(转)

很多情况下,在管理或者查看列表的时候我们需要很需要“全选”这个功能,这在ASP.NET中是非常容易实现的,下面我就将演示一点小代码实现这一功能.  实现全选的还是js的一个小函数:   function  CheckAll(e,itemname){    var aa=document.getElementsByName(itemname);    if(aa==undefined) return;    for (var i=0; i<aa.length; i++)aa[i].checked

Jquery easyui datagrid增改删批量处理

<link href="~/Content/themes/default/easyui.css" rel="stylesheet" /> <link href="~/Content/themes/icon.css" rel="stylesheet" /> <script src="~/scripts/jquery.min.js"></script> <s

使用EasyUI实现添加和删除功能

        增删该查是任何一个项目都少不了的功能操作,这篇博文主要简介一下如何使用EasyUI实现添加和删除功能.         首先,导入EasyUI的js代码: <link href="~/EasyuiSource/themes/default/easyui.css" rel="stylesheet" /> <link href="~/EasyuiSource/themes/icon.css" rel="st