发布于 2017-10-12 09:54:16 | 132 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Bootstrap v3教程,程序狗速度看过来!

Bootstrap Web前端CSS框架

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。


这篇文章主要介绍了Bootstrap Table 删除和批量删除的相关资料,需要的朋友可以参考下

一条记录可以看做一条数据的数组

1      Html

1.1  批量选择框

1.2  单个删除

2      bootStarp

2.1  批量获得

获得选择的数据


//批量删除 
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  单个获得


//单个删除 
function deleteUserById(id) { 
  deleteUser(id); 
} 

2.3  公共操作


//删除 
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

3.1  Controller

3.2  Service


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 删除和批量删除,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对phperz胜博发888手机平台的支持!



相关阅读 :
Bootstrap Table 删除和批量删除
BootStrap table删除指定行的注意事项(笔记整理)
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
bootstrap table分页模板和获取表中的ID方法
Bootstrap Table简单例子学习
Bootstrap Table服务器分页与在线编辑应用总结
BootStrap Table 分页后重新搜索问题的解决办法
Bootstrap Table使用方法详解
JS组件Bootstrap Table使用实例分享
Bootstrap table分页问题汇总
JS组件Bootstrap Table布局详解
最新网友评论  共有(0)条评论 发布评论 返回顶部
月排行榜

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  服务