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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
Javascript 自定义类型方法小结
Mar 02 Javascript
判断日期是否能跨月查询的js代码
Jul 25 Javascript
Javascript window对象详解
Nov 12 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
jQuery常用知识点总结以及平时封装常用函数
Feb 23 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
May 01 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 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的dl函数用法实例
2014/11/06 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
调试php程序的简单步骤
2019/10/04 PHP
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
2017/12/29 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
Python学习笔记_数据排序方法
2014/05/22 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
python 实现字符串下标的输出功能
2020/02/13 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
毕业生机械建模求职信
2013/10/14 职场文书
安全生产汇报材料
2014/02/17 职场文书
大学生在校学习的自我评价
2014/02/18 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
教师理论学习心得体会
2016/01/21 职场文书