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


Posted in Javascript onSeptember 28, 2017

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

});

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

Javascript 相关文章推荐
超清晰的document对象详解
Feb 27 Javascript
jQuery 学习 几种常用方法
Jun 11 Javascript
JQuery下关于$.Ready()的分析
Dec 13 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
vue webpack build资源相对路径的问题及解决方法
Jun 04 Javascript
js在HTML的三种引用方式详解
Aug 29 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 #Javascript
详解Node全局变量global模块
Sep 28 #Javascript
React Native预设占位placeholder的使用
Sep 28 #Javascript
import与export在node.js中的使用详解
Sep 28 #Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 #Javascript
AngularJS路由删除#符号解决的办法
Sep 28 #Javascript
深入理解React高阶组件
Sep 28 #Javascript
You might like
php获取网站百度快照日期的方法
2015/07/29 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
用js实现trim()的解决办法
2013/04/16 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
js脚本实现数据去重
2014/11/27 Javascript
jQuery中$.click()无效问题分析
2015/01/29 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
详解从0开始搭建微信小程序(前后端)的全过程
2019/04/15 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python中关于使用模块的基础知识
2015/05/24 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
如何在python中写hive脚本
2019/11/08 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
python中Django文件上传方法详解
2020/08/05 Python
Python实现EM算法实例代码
2020/10/04 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
工地质量标语
2014/06/12 职场文书
2014年项目工作总结
2014/11/24 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
新学期家长寄语2016
2015/12/03 职场文书
教师外出学习心得体会
2016/01/18 职场文书
创业计划书之酒吧
2019/12/02 职场文书
《卧薪尝胆》读后感3篇
2019/12/26 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
MongoDB支持的数据类型
2022/04/11 MongoDB
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript