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 相关文章推荐
基于jquery的$.ajax async使用
Oct 19 Javascript
仿微博字符限制效果实现代码
Apr 20 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
js简易版购物车功能
Jun 17 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
Jun 30 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
Sep 27 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
PHP之变量、常量学习笔记
2008/03/27 PHP
PHP 快速排序算法详解
2014/11/10 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
nodejs实现爬取网站图片功能
2017/12/14 NodeJs
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
python 3.7.0 下pillow安装方法
2018/08/27 Python
python机器人运动范围问题的解答
2019/04/29 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
电子商务专业推荐信范文
2013/12/02 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
社区义诊活动总结
2014/04/30 职场文书
2014年销售员工作总结
2014/12/01 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python