bootstraptable实现点击翻页功能可记录上下页选中的行_bootstraptable怎么触发下一页 - CSDN文库

5星 · 超过95%的资源 129 浏览量更新于2023-03-16 评论收藏 25KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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) );//转换成字符串

});

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论5

yxldr

2023-07-25

这个文件的实现功能非常实用，可以方便地进行点击翻页操作。

weixin_38650508

粉丝: 6
资源: 940

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈