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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
javascript正则表达式中参数g(全局)的作用
Nov 11 Javascript
浅析js封装和作用域
Jul 09 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
在JavaScript中处理时间之getHours()方法的使用
Jun 10 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 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 模拟GMAIL,HOTMAIL(MSN),YAHOO,163,126邮箱登录的详细介绍
2013/06/18 PHP
PHP后台微信支付和支付宝支付开发
2017/04/28 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
如何在一个页面显示多个百度地图
2013/04/07 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
Python中设置变量访问权限的方法
2015/04/27 Python
详解Python中find()方法的使用
2015/05/18 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
python字典的遍历3种方法详解
2019/08/10 Python
python super用法及原理详解
2020/01/20 Python
keras输出预测值和真实值方式
2020/06/27 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
4s客服专员岗位职责
2013/12/01 职场文书
积极贯彻学习两会精神总结
2014/03/17 职场文书
函授本科个人自我鉴定
2014/03/25 职场文书
个人融资协议书
2014/10/02 职场文书
2014年党务工作总结
2014/11/25 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers