bootstrap table實現(xiàn)點擊翻頁功能 可記錄上下頁選中的行
更新時間:2017年09月28日 10:11:15 作者:_linka
這篇文章主要介紹了bootstrap table實現(xiàn)點擊翻頁功能,可記錄上下頁選中的行,具有一定的參考價值,感興趣的小伙伴們可以參考一下
bootstrap-table中實現(xiàn),翻頁之后再返回,依然選中的情況,具體內(nèi)容如下
//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) );//轉換成字符串
});
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
使用ECharts進行數(shù)據(jù)可視化的代碼詳解
ECharts 是一個由百度開源的強大、靈活的 JavaScript 圖表庫,用于在 Web 頁面上創(chuàng)建各種類型的數(shù)據(jù)可視化圖表,它具有豐富的圖表類型、強大的配置選項和良好的跨平臺兼容性,本文介紹了如何使用ECharts進行數(shù)據(jù)可視化,需要的朋友可以參考下2024-08-08
JavaScript實現(xiàn)郵箱后綴提示功能的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)郵箱后綴提示功能的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
用javascript模仿ie的自動完成類似自動完成功的表單
最近在寫一個javascript框架,看見網(wǎng)上有不少自動完成功能的表單,于是用javascript寫了一個,需要的朋友可以參考下2012-12-12

