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 相关文章推荐
一组JS创建和操作表格的函数集合
May 07 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
手把手教你搭建ES6的开发运行环境
Jul 11 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 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 smarty的预保留变量总结
2008/12/04 PHP
PHP 高级课程笔记 面向对象
2009/06/21 PHP
PHP多线程抓取网页实现代码
2010/07/22 PHP
PHP如何解决网站大流量与高并发的问题
2011/06/25 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
node.js+jQuery实现用户登录注册AJAX交互
2017/04/28 jQuery
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
2017/09/10 jQuery
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
[15:09]DOTA2国际邀请赛采访专栏:Loda
2013/08/06 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
Numpy数组的保存与读取方法
2018/04/04 Python
在python中安装basemap的教程
2018/09/20 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
python3实现高效的端口扫描
2019/08/31 Python
利用setuptools打包python程序的方法步骤
2020/01/18 Python
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
C#面试题
2016/05/06 面试题
函授本科毕业自我鉴定
2013/10/09 职场文书
数控技术专业推荐信
2013/11/01 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
违反学校规则制度检讨书
2015/01/01 职场文书
欢迎词范文
2015/01/27 职场文书