欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

bootstrap table實現(xiàn)點擊翻頁功能 可記錄上下頁選中的行

 更新時間:2017年09月28日 10:11:15   作者:_linka  
這篇文章主要介紹了bootstrap table實現(xiàn)點擊翻頁功能,可記錄上下頁選中的行,具有一定的參考價值,感興趣的小伙伴們可以參考一下

bootstrap-table中實現(xiàn),翻頁之后再返回,依然選中的情況,具體內容如下

//var productids = $("body",window.parent.frames[0].document).find('.ptids');//textarea存放數(shù)據(jù)
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);//合并數(shù)組
      merge_order_arr = merge_order_arr.concat(arr);//合并數(shù)組
    });
    $.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) );//轉換成字符串

});

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 淺談微信頁面入口文件被緩存解決方案

    淺談微信頁面入口文件被緩存解決方案

    緩存對于前端頁面來說,是加速頁面加載的利器之一,但也同時帶來了很多問題,這篇文章主要介紹了淺談微信頁面入口文件被緩存解決方案,感興趣的小伙伴們可以參考一下
    2018-09-09
  • ES6中定義類和對象的方法示例

    ES6中定義類和對象的方法示例

    這篇文章主要介紹了ES6中定義類和對象的方法,結合實例形式分析了ES6中類的定義、繼承、靜態(tài)方法、靜態(tài)屬性等相關操作技巧,需要的朋友可以參考下
    2019-07-07
  • 微信小程序云開發(fā)之使用云數(shù)據(jù)庫

    微信小程序云開發(fā)之使用云數(shù)據(jù)庫

    這篇文章主要為大家詳細介紹了微信小程序云開發(fā)之使用云數(shù)據(jù)庫,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 探索Javascript中this的奧秘

    探索Javascript中this的奧秘

    本文介紹了JavaScript中的this關鍵字在各種情況下的含義,實例都很簡單,這樣更能有助于加深理解。雖然這只是js中一個很小的概念,但借此我們可以了解js中函數(shù)的執(zhí)行環(huán)境,充分掌握this的相關知識有助于我們在編寫面向對象的JavaScript程序時能夠游刃有余。
    2016-12-12
  • uni-app中如何使用uni.showModal添加輸入框

    uni-app中如何使用uni.showModal添加輸入框

    uni-app是一種使用Vue.js開發(fā)所有前端應用的框架,uni.showModal是其API之一,用于展示模態(tài)彈窗并可添加輸入框,通過editable屬性設置彈窗內容是否可編輯,通過success回調函數(shù)處理用戶點擊結果,這提供了一個交互式元素,方便在應用中收集用戶輸入的信息
    2024-09-09
  • elementui?日歷組件el-calendar使用總結

    elementui?日歷組件el-calendar使用總結

    這篇文章主要介紹了elementui?日歷組件el-calendar使用總結,引用dayjs處理日期,結合el-calendar完美實現(xiàn),需要的朋友可以參考下
    2024-07-07
  • cypress e2e測試編寫注意點總結分析

    cypress e2e測試編寫注意點總結分析

    這篇文章主要為大家介紹了cypress e2e測試編寫注意點總結分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • 快速解決js開發(fā)下拉框中blur與click沖突

    快速解決js開發(fā)下拉框中blur與click沖突

    這篇文章主要幫助大家快速解決js開發(fā)下拉框中blur與click沖突,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 理解JavaScript的prototype屬性

    理解JavaScript的prototype屬性

    JavaScript可以說是最讓人初學者難以理解的單一屬性。我看了一些資料后,開始明白其實這些困難很大程度來自prototype這個名字本身的二義性
    2012-02-02
  • uni-app小程序沉浸式導航實現(xiàn)的全過程

    uni-app小程序沉浸式導航實現(xiàn)的全過程

    在跨端項目開發(fā)中,uniapp是個不錯的框架,下面這篇文章主要給大家介紹了關于uni-app小程序沉浸式導航實現(xiàn)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-10-10

最新評論