一聚教程网:一个值得你收藏的教程网站

时时彩平台程序出售:Bootstrap Table中的多选框删除功能

时间:2018-07-17 15:12:09 编辑:猪哥 来源:转载

先上代码,后面再进行详细解释:

//删除按钮事件
    $("#remove").on("click", function () {
      // $("#table").bootstrapTable('getSelections');为bootstrapTable自带的,所以说一定要使用bootstrapTable显示表格,#table:为table的id
      var rows = $("#table").bootstrapTable('getSelections');
      console.log(rows);
      if (rows.length == 0) {// rows 主要是为了判断是否选中,下面的else内容才是主要
        alert("请先选择要删除的记录!");
        return;
      } else {
        var arrays = new Array();// 声明一个数组
        $(rows).each(function () {// 通过获得别选中的来进行遍历
          arrays.push(this.cid);// cid为获得到的整条数据中的一列
        });
        var idcard = arrays.join(','); // 获得要删除的id
        console.log(idcard);
      }
    })

1. 效果图

Bootstrap Table中的多选框删除功能

2. 获得要删除的数据

Bootstrap Table中的多选框删除功能

接下来,再来看一下这一行代码的效果,把rows打印到控制台:

Bootstrap Table中的多选框删除功能

可以看到选中删除后,获得到的,就是一条完整重数据库中的查询内容,其中的cid就为每一条数据的id(主键)。

先选中多选框,当点击删除按钮时:在控制台接收到选中的cid,当然后台数据中一定要传递icd来,cid可以不用显示在表格中,

把idcard打印出来,

Bootstrap Table中的多选框删除功能

这时我们获得到的idcard 就是一个我们想要的到的数据,同时给他们中间以逗号隔开,传递到后台,执行多行删除语句:

3. 传递数据到后台执行删除sql

Bootstrap Table中的多选框删除功能

这时就可以成功获得要删除整条数据的id,当然你也可以获得其他列的数据,例如:

Bootstrap Table中的多选框删除功能

注意!

执行上面的功能,一点是要用bootstrapTable 显示的表格,要不然,没有效果,

文章评论

热门栏目

  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-02-22
  • 殷之光朗诵《我骄傲我是中国人》 2019-02-22
  • 天津检察机关依法决定对窦华港涉嫌受贿案移送审查起诉 2019-02-21
  • 个税法迎第七次大修 起征点调至每年6万元 2019-02-20
  • 价值-热门标签-华商生活 2019-02-19
  • 互联网论坛社区服务管理规定 2019-02-18
  • 合肥一批干部任前公示 朱海舟拟提名为包河区副区长人选 2019-02-18
  • 首趟辽宁援疆旅游专列907名游客进疆抵达沙湾县 2019-02-17
  • 第13期全人代第1回会議政協第13期全国委員会第1回会議 2019-02-17
  • 20年前的伤情鉴定还管用吗? 2019-02-16
  • 2018中国汽车品牌发展峰会在京召开 2019-02-16
  • 陕北共产党发起人——李子洲 2019-02-15
  • 消委会教你如何挑选家居服 2019-02-14
  • 陕西卫计委党组书记胡志强被查,系山西省委原书记胡富国长子 2019-02-14
  • 我发现从五+年代农业用化肥农药,在六+年代几百年长的柿树几乎死光。没人研究! 2019-02-13
  • 754| 125| 173| 292| 75| 114| 206| 206| 752| 155|