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 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
Nov 20 Javascript
vue-cli常用设置总结
Feb 24 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 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中error_reporting函数用法详细介绍
2017/06/11 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
微信小程序仿微信运动步数排行(交互)
2018/07/13 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
python获取远程图片大小和尺寸的方法
2015/03/26 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
python中partial()基础用法说明
2018/12/30 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
详解python 内存优化
2020/08/17 Python
python 实现逻辑回归
2020/12/30 Python
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
大学生毕业鉴定
2014/01/31 职场文书
六查六看剖析材料
2014/02/15 职场文书
2014副镇长民主生活会个人对照检查材料思想汇报
2014/09/30 职场文书
办理收楼委托书范本
2014/10/09 职场文书
上课迟到检讨书300字
2014/10/15 职场文书
单身证明范本
2015/06/15 职场文书
部门主管竞聘书
2015/09/15 职场文书
Python提取PDF指定内容并生成新文件
2021/06/09 Python
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang