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) );//轉換成字符串 });
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
uni-app中如何使用uni.showModal添加輸入框
uni-app是一種使用Vue.js開發(fā)所有前端應用的框架,uni.showModal是其API之一,用于展示模態(tài)彈窗并可添加輸入框,通過editable屬性設置彈窗內容是否可編輯,通過success回調函數(shù)處理用戶點擊結果,這提供了一個交互式元素,方便在應用中收集用戶輸入的信息2024-09-09