天天看點

bootstrapTable實作預先選中某一行

實際情況:

根據頁面中,某一個DOM元素是否存在值,決定bootstrapTable表格中某一行資料是否選中,例如某一進制素的值為66,那麼表格中ID為66的那一行,在檢視表格的時候ID為66的那一行就是已經選中的狀态

代碼:

$('#Table').bootstrapTable({
        locale: 'zh-CN',
        url: "/online/alarm/list",
        method: "post",
        contentType: "application/json; charset=utf-8",
        queryParams: function(){
            return JSON.stringify({
                state: $("#value").val()
            });
        },
        pagination: true,
        search: true,
        showRefresh: true,
        showColumns: true,
        clickToSelect: true,
        pageList: [10, 25, 50, 100, 'All'],
        showExport: true,
        exportDataType: 'all',
        exportTypes: [ 'json', 'xml', 'png', 'csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf'],
        columns: [
            {
            	//主要實作在這
                checkbox: true,
                formatter: function (value, row, index) {
                    if($("#預選行的辨別id").val()==row.id)
                        return {
                            checked : true//設定選中
                        };
                }
            },
            {
                field: 'id',
                title: 'ID',
                sortable: true
            }
       ]
       });
           

效果圖:

bootstrapTable實作預先選中某一行

已經預選了92

然後點選搜尋按鈕,檢視預選中效果

bootstrapTable實作預先選中某一行