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 css float属性的特殊写法
Nov 13 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
jQuery实现统计输入文字个数的方法
Mar 11 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
JS实现简单短信验证码界面
Aug 07 Javascript
深入掌握 react的 setState的工作机制
Sep 27 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
微信小程序实现搜索功能
Mar 10 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自定义函数返回多个值
2006/11/26 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
2017/02/17 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
深入理解Python变量与常量
2016/06/02 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
python将list转为matrix的方法
2018/12/12 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
使用apiDoc实现python接口文档编写
2019/11/19 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
python性能测试工具locust的使用
2020/12/28 Python
python 制作网站小说下载器
2021/02/20 Python
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
vue实现倒计时功能
2021/03/24 Vue.js
优秀教师先进事迹
2014/01/22 职场文书
《菜园里》教学反思
2014/04/17 职场文书
给校长的建议书400字
2014/05/15 职场文书
营销团队口号
2014/06/06 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers