Bootstrap中Table删除和批量删除的示例分析

这篇文章主要介绍Bootstrap中Table删除和批量删除的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联服务项目包括西充网站建设、西充网站制作、西充网页制作以及西充网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,西充网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到西充省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

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

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删除和批量删除的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


新闻名称:Bootstrap中Table删除和批量删除的示例分析
网页链接:http://csdahua.cn/article/gjhijs.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流