easyUI之增加删除与批量删除

一、增加
1、添加一个增加按钮

 <a id="btn-add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">增加</a>

2、写增加的Dao方法及子控制器内的方法

public void add(Book book) throws Exception {book.setBid((int) new Date().getTime());super.executeUpdate("insert into t_mvc_book values(?,?,?)", book, new String[] { "bid", "bname", "price" });}

public String add(HttpServletRequest req, HttpServletResponse resp) {try {bookDao.add(book);ResponseUtil.writeJson(resp, 1);} catch (Exception e) {e.printStackTrace();try {ResponseUtil.writeJson(resp, 0);} catch (Exception e1) {// TODO Auto-generated catch blocke1.printStackTrace();}}return null;}

3、在js文件中设置个值，用于方法的跳转

var addFlag=0;

4、在js文件中添加增加的点击事件（清除表单数据，打开增加窗口）

$("#btn-add").click(function(){// 清除表单数据$('#ff').form('clear');// 打开窗口$("#dd").dialog("open");// 设置值用于判断跳转方法addFlag=1;});

5.提交表单

function submitForm(){/** 点击确定按钮提交表单到后台，并且是新增/修改共用的一个方法*///获取选择的数据var row=$('#dg').datagrid("getSelected");var href=null;if(addFlag == 2){href=$("#ctx").val()+'/book.action?methodName=edit';}else if(addFlag == 1){href=$("#ctx").val()+'/book.action?methodName=add';}$('#ff').form('submit', {url:href , success: function(data){if(data == 1){$("#dd").dialog("close");$('#dg').datagrid('reload');}}});}

结果：

二、删除

1、datagrid中添加一列“删除”

{field:'操作',title:'操作',width:100,align:'right',formatter: function(value,row,index){return '<a href="javascript:void(0);" οnclick="edit();">修改</a>  <a href="javascript:void(0);" οnclick="del();">删除</a>'}

2、写删除的Dao方法及子控制器内的方法

public void del(Book book) throws Exception {super.executeUpdate("delete from t_mvc_book where bid=? ", book, new String[] { "bid"});}

public String del(HttpServletRequest req, HttpServletResponse resp) throws Exception {String s1 = req.getParameter("bids");//这个是批量删除      if(s1!=null) {String[] split = s1.split(",");for (int i = 0; i < split.length; i++) {book.setBid(Integer.parseInt(split[i]));bookDao.del(book);}}
//这个是删除bookDao.del(book);ResponseUtil.writeJson(resp, 1);ResponseUtil.writeJson(resp, 0);return null;}

3、增加删除的点击事件

function del(){var row=$('#dg').datagrid("getSelected");if(row){var id=row.bid;//messager不能向后台发送请求$.messager.confirm('确认','您确认想要删除记录吗？',function(r){    if (r){    $.ajax({url:$("#ctx").val()+'/book.action?methodName=del&bid='+id,success:function(data){if(data == 1){$('#dg').datagrid('reload');}}});   }    });  }else{alert("请选择需要删除的数据");}
}

结果：

三、批量删除

1、从datagrid控件中选中添加复选框属性一列

 checkbox:true,

2、在界面给予一个批量删除的按钮

<a id="btn-batchDel" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">批量删除</a>

3、写批量删除的点击事件

 $("#btn-batchDel").click(function(){var rows=$('#dg').datagrid("getSelections");var ids=new Array();if(rows !=null && rows.length > 0){for(var i in rows){ids.push(rows[i].bid);}} if(ids.length > 0){$.ajax({url:$("#ctx").val()+'/book.action?methodName=del&bids='+ids.join(","),success:function(data){if(data == 1){$('#dg').datagrid('reload');}}});  }});

4、子控制器调用dao方法中单个删除的方法，然后调用子控制器的批量删除

public String del(HttpServletRequest req, HttpServletResponse resp) throws Exception {String s1 = req.getParameter("bids");//这个是批量删除      if(s1!=null) {String[] split = s1.split(",");for (int i = 0; i < split.length; i++) {book.setBid(Integer.parseInt(split[i]));bookDao.del(book);}}
//这个是删除bookDao.del(book);ResponseUtil.writeJson(resp, 1);ResponseUtil.writeJson(resp, 0);return null;}

结果：

easyUI之增加删除与批量删除相关推荐

php tp框架做选中删除,关于thinkphp框架实现删除和批量删除的分析
这篇文章主要为大家详细介绍了thinkPHP框架实现删除和批量删除的相关资料,需要的朋友可以参考下本文实例讲一下如何用thinkphp实现数据的删除和批量删除吧. 预期效果图: 原谅博主对照片的处理 ...
第11章角色页的删除、批量删除
<template>  <el-form :model="formQuery" ref="ruleFormRef& ...
VUE前端删除和批量删除
下面给大家介绍一下前端的删除方法,在开发中我们常常会碰到这种业务,有一些数据需要在前端进行删除,我们并不希望他走后端的接口,而是在点击提交或者其他的业务完成后才走接口,这时我们就用到了vue的前端删 ...
单条删除和批量删除的思路和实现
单条删除和批量删除 5.1 目标前端的"单条删除"和"批量删除"在后端合并为同一套操作.合并的依据是:单条删除时 id 也放在数组中,后端完全根据 id 的 ...
HTML批量删除标记,批量删除LabelImg制作的.xml中的部分标签值（删除.xml的节点值）...
概述自己在用labelImg打好标签后,想只用其中几类训练,不想训练全部类别,又不想重新打标生成.xml文件,因此想到这个办法:直接在.xml文件中删除原有的不需要的标签类及其属性. 打标时标签名出 ...
redis关键字删除_Redis批量删除key的小技巧
一.使用keys+xargs实现开始实战 1.连接redis,初始数据./redis-cli -h 127.0.0.1 -p 6379127.0.0.1:6379> set java_suis ...
表名含有后缀 mysql 怎么删除_mysql批量删除指定前缀或后缀表
今天突然发现我们数据库中多出很多表,后缀名为"copy",预计是navicat直接拷贝导致的,然后要对这些有同样后缀名的表进行删除,假设一个一个选择会非常麻烦,表计较多,在网上找了 ...
docker 删除_docker 批量删除镜像
这两天做了些实验,生成了这么多镜像.本文研究删除方法和批量删除方法. 准备工作:查看运行中的容器 sudo docker container ls -a sudo docker container l ...
python批量删除_Python批量删除只保留最近几天table的代码实例
Python批量删除table,只保留最近几天的table 代码如下: #!/usr/bin/python3 """ 批量删除table,只保留最近几天的table &q ...

easyUI之增加删除与批量删除

二、删除

三、批量删除

easyUI之增加删除与批量删除相关推荐

最新文章

热门文章