bootstrap table实现点击翻页功能 可记录上下页选中
网络编程 2021-07-04 17:32www.168986.cn编程入门
这篇文章主要介绍了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) );//转换成字符串 });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程