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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
Nov 03 Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
JavaScript实现音乐播放器
Aug 14 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定界符
2014/06/19 PHP
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
php判断邮箱地址是否存在的方法
2016/02/13 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
JavaScript获取/更改文本框的值的实例代码
2013/08/02 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
详解Python基础random模块随机数的生成
2019/03/23 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
分享一个python的aes加密代码
2020/12/22 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
班队活动设计方案
2014/01/30 职场文书
趣味运动会活动方案
2014/02/12 职场文书
公司员工活动策划方案
2014/08/20 职场文书
七一建党日演讲稿
2014/09/05 职场文书
毕业生个人总结
2015/02/28 职场文书
肖申克救赎观后感
2015/06/02 职场文书
业务员管理制度范本
2015/08/06 职场文书
团委副书记工作总结
2015/08/14 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
教你用Python matplotlib库制作简单的动画
2021/06/11 Python
python基于turtle绘制几何图形
2021/06/15 Python
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS
javascript之Object.assign()的痛点分析
2022/03/03 Javascript