python测试开发django-125.bootstrapTable获取选中行的数据

上海-悠悠

发布于 2021-10-08 11:20:19

1.3K0

发布于 2021-10-08 11:20:19

文章被收录于专栏：从零开始学自动化测试

前言

如何获取bootstrapTable选中的checkbox数据

getSelections 获取全部选中数据

bootstrap table 获取全部选中行的数据有2个方法

getAllSelections 返回所有选定的行包含搜索或过滤，当没有选择记录时，将返回一个空数组。
getSelections 返回选定的行，如果未选择任何记录，则返回一个空数组。 getSelections不会返回包含搜索刷选后的选中的数据。

点删除按钮，需获取选中的数据

选中多行，获取选中行的所有数据：bootstrapTable(‘getSelections’)

//作者-上海悠悠 QQ交流群:717225969
//blog地址 https://www.cnblogs.com/yoyoketang/

<script>
    // 获取表格数据
    $("#btn_delete").click(function() {
        var rows = $("#table").bootstrapTable('getSelections');
        alert(JSON.stringify(rows))
    })

</script>

返回的数据格式：

[
  {"0":true,"id":1,"name":"悠悠老师","age":20,"tel":"12313231","is_delete":"0"},
  {"0":true,"id":2,"name":"张三老师","age":22,"tel":"21122121","is_delete":"0"}
]

获取选中数据的id字段

删除数据的时候，只需要id字段传给后端，就可以删除对应的数据，那么如何从bootstrapTable(‘getSelections’)返回的数据里面

[
  {"0":true,"id":1,"name":"悠悠老师","age":20,"tel":"12313231","is_delete":"0"},
  {"0":true,"id":2,"name":"张三老师","age":22,"tel":"21122121","is_delete":"0"}
]

获取选中数据的id字段，如：[1, 2] bootstrapTable里面没有提供对应方法可以提前某个字段，需自己写个方法循环取值

<script>
    // 获取表格数据
    $("#btn_delete").click(function() {
        var rows = $("#table").bootstrapTable('getSelections');
        alert(JSON.stringify(rows))
        var ids = [];
        // 循环筛选出id
        for (var i = 0; i < rows.length; i++) { //循环筛选出id
            ids.push(rows[i].id);
        }
        alert(JSON.stringify(ids))
    })

</script>