bootstrapTable相关操作-bootstrap-table设置默认选，选某一行进行监听

1.列表单选

1. 自定义单选还是多选

{field: 'selectItem', radio: source1 == 'task'?true:false,checkbox : source1 == 'task'?false:true},

3. 选中的某一行

var that = this
that.$table.check(function (data) {
	console.log('data',data)
}

4. 监听选中行数据

<table id="score-table"></table>

var list22222=$('#score-table')[0]
list22222.addEventListener('click',function(){
     var row=$("#score-table").bootstrapTable('getSelections');
     console.log('111111',row)//选中的行，list
})

// 切换tab页，调用loadTable(传不同的id)
function loadTable(id) {
    var id = id;
    $('.tab-content').html('<table id="score-table"></table>');
    Examine.$table = new Table(Examine.id, '/examine/newList', Examine.initColumn())
        .setPaginationType("client")
        .setSearch(false)
        .showToolbar(false)
        .setPageSize(20)
        .setMethod("post").init();
        
    var obj = JSON.parse(sessionStorage.getItem("GET_SELECT_ROWDATA"))
    var idList = obj[id]
    //#score-table更换一下,表数据加载完成
    $('#score-table').on('load-success.bs.table', function(data) {
        //设置默认值方法
        console.log('data', data)
            // 默认选中行，注意：需要在表数据加载完成之后使用。
        $('#score-table').bootstrapTable("checkBy", {
            field: 'id',
            values: idList
        });
        //field:列数据名，比如后台传过的code,id,不用配置在表中，但是列表中应该有这个字段数据。
        // values:要设置的默认值数组，字段id的list数组
    });
    var list22222 = $('#score-table')[0]
        //选中某一行的时候，进行监听
    list22222.addEventListener('click', function() {
        var row = $("#score-table").bootstrapTable('getSelections');
        var idList = row.map((item) => {
                return item.id
            })
            // 根据不同的tab页id，储存不同的数据
        get_select_rowdata[id] = idList
        sessionStorage.setItem("GET_SELECT_ROWDATA", JSON.stringify(get_select_rowdata));
    })
    Examine.$table.refresh({
        query: Examine.formParams(id)
    });
}

这篇好文章是转载于：学新通技术网