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 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
Oct 17 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
微信小程序获取当前位置和城市名
Nov 13 Javascript
小程序实现录音功能
Sep 22 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
windows xp下安装pear
2006/12/02 PHP
PHP的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
php若干单维数组遍历方法的比较
2011/09/20 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
Node.js 制作实时多人游戏框架
2015/01/08 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
Express的路由详解
2015/12/10 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
mpvue将vue项目转换为小程序
2018/09/30 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Django web自定义通用权限控制实现方法
2020/11/24 Python
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
小学教育毕业生自荐信
2013/11/18 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
代理协议书
2014/04/22 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
Vue Element plus使用方法梳理
2022/12/24 Vue.js