bootstrap table实现点击翻页功能 可记录上下页选中的行
bootstrap-table中实现,翻页之后再返回,依然选中的情况,具体内容如下
//varproductids=$("body",window.parent.frames[0].document).find('.ptids');//textarea存放数据
varproductids=$('textarea');
varmerge_order_object={};//页码+id组成的对象
varjsonObj={};
varcurrent_page="";//当前页码
//表格渲染完成操作
table.on('post-body.bs.table',function(e,settings,json,xhr){
varmerge_order_arr=[];
varobjString=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('tbodytr').eq(i).find('input').click();
}
});
});
//productids.val(objString);
}
//debugger;
});
$('input[name="btSelectAll"],tabletbody,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));//转换成字符串
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。