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 Validation插件防止重复提交表单的解决方法
Mar 05 Javascript
jQuery ajax BUG:object doesn't support this property or method
Jul 06 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
Sep 07 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 Javascript
JS class语法糖的深入剖析
Jul 07 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模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python Mysql自动备份脚本
2008/07/14 Python
RC4文件加密的python实现方法
2015/06/30 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
python发送邮件脚本
2018/05/22 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
中青班党性分析材料
2014/02/16 职场文书
创先争优演讲稿
2014/09/15 职场文书
关于观后感的作文
2015/06/18 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
创业计划书之熟食店
2019/10/16 职场文书
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS
vue使用echarts实现折线图
2022/03/21 Vue.js