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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
javascript call和apply方法
Nov 24 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
微信小程序实现轮播图效果
Sep 07 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
vue 指令之气泡提示效果的实现代码
Oct 18 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
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无限分类(树形类)
2013/09/28 PHP
PHP 动态生成静态HTML页面示例代码
2014/01/15 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
jQuery 过滤not()与filter()实例代码
2012/05/10 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
Javascript Objects详解
2014/09/04 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
JSONP之我见
2015/03/24 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
js中DOM事件绑定分析
2018/03/18 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
python 提取文件的小程序
2009/07/29 Python
Python兔子毒药问题实例分析
2015/03/05 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
数据库方面面试题
2012/04/22 面试题
小学开学寄语
2014/01/19 职场文书
搞笑获奖感言
2014/01/30 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
怎样写家长意见
2015/06/04 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS