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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
web前端vue filter 过滤器
Jan 12 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 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 Mssql操作简单封装支持存储过程
2009/12/11 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
解决vue打包css文件中背景图片的路径问题
2018/09/03 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
详解Python3除法之真除法、截断除法和下取整对比
2019/05/23 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
pytorch简介
2020/11/11 Python
python drf各类组件的用法和作用
2021/01/12 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
2014年工商所工作总结
2014/12/09 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
一文搞懂python异常处理、模块与包
2021/06/26 Python
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers