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

时时彩平台程序出售: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 显示的表格,要不然,没有效果,

文章评论

热门栏目

  • 这是一个错误的观点! 2018-12-16
  • 在鲜花下虚掩着“坑” “电商专供”还能走多远 2018-12-16
  • 甘肃宣讲十九大:丝路春风三千里,陇原儿女添豪情 2018-12-15
  • 驻工商总局纪检组问责9名司局级干部 持续发力 2018-12-14
  • 韩国一姐探望男排猛将被喊在一起 金软景合影中国男朋友 2018-12-13
  • 江西省“放管服”改革再出实招 2018-12-12
  • 尊重和保障宗教信仰自由的中国实践 2018-12-12
  • 首都电力共产党员先锋 2018-12-11
  • 美联储加息几成定局 专家:中国央行大概率跟随加息 2018-12-10
  • 习近平与人民日报的10个故事 2018-12-10
  • 【理上网来·辉煌十九大】十九大报告谱写中国大国外交新篇章 2018-12-09
  • 世界杯期间 拉萨交警严查酒驾醉驾毒驾 2018-12-08
  • 第十六届中国经济论坛 2018-12-07
  • 共产主义既按需分配又按劳分配(原创) 2018-12-06
  • 财经 俄罗斯世界杯的经济账 2018-12-06
  • 110| 279| 530| 475| 991| 120| 835| 600| 776| 569|