Bootstrap Table 删除和批量删除


Posted in Javascript onSeptember 22, 2017

一条记录可以看做一条数据的数组

1      Html

1.1  批量选择框

Bootstrap Table 删除和批量删除

1.2  单个删除

Bootstrap Table 删除和批量删除

2      bootStarp

2.1  批量获得

获得选择的数据

Bootstrap Table 删除和批量删除

//批量删除 
function deleteUserList() { 
  //获取所有被选中的记录 
  var rows = $("#user").bootstrapTable('getSelections'); 
  if (rows.length== 0) { 
    alert("请先选择要删除的记录!"); 
    return; 
  } 
  var ids = ''; 
  for (var i = 0; i < rows.length; i++) { 
    ids += rows[i]['id'] + ","; 
  } 
  ids = ids.substring(0, ids.length - 1); 
  deleteUser(ids); 
}

2.2  单个获得

Bootstrap Table 删除和批量删除

//单个删除 
function deleteUserById(id) { 
  deleteUser(id); 
}

2.3  公共操作

Bootstrap Table 删除和批量删除

//删除 
function deleteUser(ids) { 
  var msg = "您真的确定要删除吗?"; 
  if (confirm(msg) == true) { 
    $.ajax({ 
      url: "${path}/user/deleteUserList.do", 
      type: "post", 
      data: { 
        ids: ids 
      }, 
      success: function (data) { 
        alert(data.msg); 
        //重新加载记录 
        //重新加载数据 
        $("#user").bootstrapTable('refresh', {url: '/user/getUserList.do'}); 
      } 
    }); 
  } 
}

3      Java

Bootstrap Table 删除和批量删除

3.1  Controller

3.2  Service

Bootstrap Table 删除和批量删除

public long deleteUserList(String ids) { 
  String[] ss = ids.split(","); 
  long count= 0; 
  for (Strings : ss) { 
    userResourceExtend.deleteUser(Integer.parseInt(s)); 
    count++; 
  } 
  return count; 
}

3.3  dao

Bootstrap Table 删除和批量删除

总结

以上所述是小编给大家介绍的Bootstrap Table 删除和批量删除,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
js实现动态添加上传文件页面
Oct 22 Javascript
微信小程序签到功能
Oct 31 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 #Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 #Javascript
详解在express站点中使用ejs模板引擎
Sep 21 #Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 #Javascript
vue-router 权限控制的示例代码
Sep 21 #Javascript
react router 4.0以上的路由应用详解
Sep 21 #Javascript
详解10分钟学会vue滚动行为
Sep 21 #Javascript
You might like
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
2012/01/15 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
2012/06/04 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
2013/11/23 Javascript
轻松创建nodejs服务器(10):处理POST请求
2014/12/18 NodeJs
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
JS设计模式之命令模式概念与用法分析
2018/02/06 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
python字典DICT类型合并详解
2017/08/17 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python浪漫表白源码
2019/04/05 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Django设置Postgresql的操作
2020/05/14 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
优秀员工年终发言演讲稿
2014/01/01 职场文书
丑小鸭教学反思
2014/02/03 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
先进典型事迹材料
2014/12/29 职场文书