bootstrap table实现点击翻页功能 可记录上下页选中的行

bootstrap-table中实现，翻页之后再返回，依然选中的情况，具体内容如下

//var productids = $("body",window.parent.frames[0].document).find('.ptids');//textarea存放数据
var productids = $('textarea');
var merge_order_object= {};//页码+id组成的对象
var jsonObj = {};
var current_page = "";//当前页码

//表格渲染完成操作
table.on('post-body.bs.table', function (e, settings, json, xhr) {

var merge_order_arr = [];

var objString = productids.val();

if(objString !== ""){


jsonObj = JSON.parse(objString);//转换为json对象


$.map(jsonObj, function (arr) {



// merge_order_arr.push.apply(merge_order_arr,arr);//合并数组



merge_order_arr = merge_order_arr.concat(arr);//合并数组


});


$.each(settings,function (i,v) {



$.each(merge_order_arr,function (index,value) {




if(v.id === parseInt(value)){





$(e.target).find('tbody tr').eq(i).find('input').click();




}



});


});


// productids.val( objString );

}

// debugger;
});
$('input[name="btSelectAll"], table tbody, input[name="btSelectItem"]').change(function () {//复选框

current_page = table.bootstrapTable('getOptions').pageNumber;

merge_order_object[current_page] = Table.api.selectedids(table);

productids.val( JSON.stringify(merge_order_object) );//转换成字符串

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。