bootstrap table实现点击翻页功能 可记录上下页选中的行
程序员文章站
2022-07-06 21:05:54
bootstrap-table中实现,翻页之后再返回,依然选中的情况,具体内容如下
//var productids = $("body",window.pare...
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) );//转换成字符串 });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: Bootstrap栅格系统的使用详解