欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2020-10-19 14:35:38|栏目:JavaScript代码|点击:

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实现秒表计时器的制作方法

栏    目:JavaScript代码

下一篇:Layui事件监听的实现(表单和数据表格)

本文标题:bootstrap table实现点击翻页功能 可记录上下页选中的行

本文地址:http://www.codeinn.net/misctech/13692.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有