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

 更新时间:2017年09月28日 10:11:15   作者:_linka  
这篇文章主要介绍了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) );//转换成字符串

});

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

相关文章

  • css静态滤镜 + A:Hover 效果

    css静态滤镜 + A:Hover 效果

    css静态滤镜 + A:Hover 效果...
    2007-05-05
  • Bootstrap 3 按钮标签实例代码

    Bootstrap 3 按钮标签实例代码

    这篇文章主要介绍了Bootstrap 3 按钮标签实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 使用ECharts进行数据可视化的代码详解

    使用ECharts进行数据可视化的代码详解

    ECharts 是一个由百度开源的强大、灵活的 JavaScript 图表库,用于在 Web 页面上创建各种类型的数据可视化图表,它具有丰富的图表类型、强大的配置选项和良好的跨平台兼容性,本文介绍了如何使用ECharts进行数据可视化,需要的朋友可以参考下
    2024-08-08
  • JavaScript实现邮箱后缀提示功能的示例代码

    JavaScript实现邮箱后缀提示功能的示例代码

    这篇文章主要介绍了JavaScript实现邮箱后缀提示功能的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • 让JavaScript和其它资源并发下载的方法

    让JavaScript和其它资源并发下载的方法

    这篇文章主要介绍了让JavaScript和其它资源并发下载的方法,JavaScript并发下载主要目的在于解决JS加载会阻碍页面呈现的问题,需要的朋友可以参考下
    2014-10-10
  • wap浏览自动跳转到wap页面的js代码

    wap浏览自动跳转到wap页面的js代码

    这篇文章主要介绍了如何让用户输入wap手机网站的网址时自动跳转到wap网站,需要的朋友可以参考下
    2014-05-05
  • JavaScript实现LRU算法的示例详解

    JavaScript实现LRU算法的示例详解

    不知道屏幕前的朋友们,有没有和我一样,觉得LRU算法原理很容易理解,实现起来却很复杂。所以本文就为大家整理了一下实现的示例代码,需要的可以参考一下
    2023-04-04
  • JS严格模式原理与用法实例分析

    JS严格模式原理与用法实例分析

    这篇文章主要介绍了JS严格模式原理与用法,结合实例形式分析了JS严格模式基本概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 用javascript模仿ie的自动完成类似自动完成功的表单

    用javascript模仿ie的自动完成类似自动完成功的表单

    最近在写一个javascript框架,看见网上有不少自动完成功能的表单,于是用javascript写了一个,需要的朋友可以参考下
    2012-12-12
  • 详解ES9的新特性之异步遍历Async iteration

    详解ES9的新特性之异步遍历Async iteration

    在ES6中,引入了同步iteration的概念,随着ES8中的Async操作符的引用,是不是可以在一异步操作中进行遍历操作呢?今天要给大家讲一讲ES9中的异步遍历的新特性Async iteration。
    2021-06-06

最新评论