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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
js生成随机数的方法实例
Oct 16 Javascript
jquery结合html实现中英文页面切换
Nov 29 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
Angular CLI在Angular项目中如何使用scss详解
Apr 10 Javascript
原生JavaScript实现轮播图
Jan 10 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变量作用域以及地址引用问题
2013/12/27 PHP
php中chdir()函数用法实例
2014/11/13 PHP
基于PHP实现假装商品限时抢购繁忙的效果
2015/10/16 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
2014/06/15 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
js中document.write和document.writeln的区别
2018/03/11 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
python黑魔法之编码转换
2016/01/25 Python
详解python的几种标准输出重定向方式
2016/08/15 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
matplotlib事件处理基础(事件绑定、事件属性)
2021/02/03 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
青年创业培训欢迎词
2014/01/10 职场文书
综合内勤岗位职责
2014/04/14 职场文书
装修施工安全责任书
2014/07/24 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
mysql部分操作
2021/04/05 MySQL
Python中requests库的用法详解
2022/06/05 Python