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 相关文章推荐
Javascript 事件流和事件绑定
Jul 16 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
搭建vscode+vue环境的详细教程
Aug 31 Javascript
jquery实现穿梭框功能
Jan 19 jQuery
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下mysql数据库操作类(改自discuz)
2010/07/03 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
php摘要生成函数(无乱码)
2012/02/04 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
写的htc的数据表格
2007/01/20 Javascript
JavaScript 数组运用实现代码
2010/04/13 Javascript
JS Loading功能的简单实现
2013/11/29 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
layui表格数据重载
2019/07/27 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
python pyheatmap包绘制热力图
2018/11/09 Python
python对象与json相互转换的方法
2019/05/07 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
DBA的职责都有哪些
2012/05/16 面试题
工程力学硕士生的自我评价范文
2013/11/16 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
流动人口婚育证明
2014/10/19 职场文书
财产分割协议书范本
2014/11/03 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
音乐研修感悟
2015/11/18 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书