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学习3:操作元素属性和特性
Feb 07 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
浅谈javascript的调试
Jan 28 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
最全面的百度地图JavaScript离线版开发
Sep 10 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
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
discuz7 phpMysql操作类
2009/06/21 PHP
php 搜索框提示(自动完成)实例代码
2012/02/05 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
PHP微信开发用Cache 解决数据缓存
2016/07/11 PHP
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
2021/01/18 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python Xpath语法的使用
2020/11/26 Python
Java的五个基础面试题
2016/02/26 面试题
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
英智兴达软件测试笔试题
2016/10/12 面试题
烹饪自我鉴定
2014/03/01 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
公司租车协议书
2015/01/29 职场文书
新教师教学工作总结
2015/08/14 职场文书
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL