国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Bootstrap Table中的多選框刪除功能

2019-11-19 13:29:33
字體:
來源:轉載
供稿:網友

先上代碼,后面再進行詳細解釋:

//刪除按鈕事件    $("#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. 效果圖

2. 獲得要刪除的數據

接下來,再來看一下這一行代碼的效果,把rows打印到控制臺:

可以看到選中刪除后,獲得到的,就是一條完整重數據庫中的查詢內容,其中的cid就為每一條數據的id(主鍵)。

先選中多選框,當點擊刪除按鈕時:在控制臺接收到選中的cid,當然后臺數據中一定要傳遞icd來,cid可以不用顯示在表格中,

把idcard打印出來,

這時我們獲得到的idcard 就是一個我們想要的到的數據,同時給他們中間以逗號隔開,傳遞到后臺,執行多行刪除語句:

3. 傳遞數據到后臺執行刪除sql

這時就可以成功獲得要刪除整條數據的id,當然你也可以獲得其他列的數據,例如:

注意!

執行上面的功能,一點是要用bootstrapTable 顯示的表格,要不然,沒有效果,

總結

以上所述是小編給大家介紹的Bootstrap Table中的多選框刪除功能,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 石渠县| 赣州市| 平和县| 岳普湖县| 随州市| 新乡县| 监利县| 望都县| 农安县| 武清区| 焦作市| 唐河县| 大渡口区| 武鸣县| 宜都市| 准格尔旗| 名山县| 周至县| 庐江县| 教育| 庆安县| 独山县| 临沧市| 华池县| 云南省| 武功县| 繁昌县| 阿拉善右旗| 旌德县| 海阳市| 清水县| 乳源| 灌云县| 榆树市| 金川县| 汉阴县| 清徐县| 新泰市| 商南县| 离岛区| 盘山县|