bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能 可記錄上下頁(yè)選中的行
更新時(shí)間：2017年09月28日 10:11:15 作者：_linka
這篇文章主要介紹了bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能，可記錄上下頁(yè)選中的行，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
bootstrap-table中實(shí)現(xiàn)，翻頁(yè)之后再返回，依然選中的情況，具體內(nèi)容如下
//var productids = $("body",window.parent.frames[0].document).find('.ptids');//textarea存放數(shù)據(jù)
var productids = $('textarea');
var merge_order_object= {};//頁(yè)碼+id組成的對(duì)象
var jsonObj = {};
var current_page = "";//當(dāng)前頁(yè)碼
//表格渲染完成操作
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);//轉(zhuǎn)換為json對(duì)象
$.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 () {//復(fù)選框
current_page = table.bootstrapTable('getOptions').pageNumber;
merge_order_object[current_page] = Table.api.selectedids(table);
productids.val( JSON.stringify(merge_order_object) );//轉(zhuǎn)換成字符串
});
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
緩存對(duì)于前端頁(yè)面來(lái)說(shuō)，是加速頁(yè)面加載的利器之一，但也同時(shí)帶來(lái)了很多問(wèn)題，這篇文章主要介紹了淺談微信頁(yè)面入口文件被緩存解決方案，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要介紹了ES6中定義類(lèi)和對(duì)象的方法,結(jié)合實(shí)例形式分析了ES6中類(lèi)的定義、繼承、靜態(tài)方法、靜態(tài)屬性等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
微信小程序云開(kāi)發(fā)之使用云數(shù)據(jù)庫(kù)
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)之使用云數(shù)據(jù)庫(kù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
本文介紹了JavaScript中的this關(guān)鍵字在各種情況下的含義，實(shí)例都很簡(jiǎn)單，這樣更能有助于加深理解。雖然這只是js中一個(gè)很小的概念，但借此我們可以了解js中函數(shù)的執(zhí)行環(huán)境，充分掌握this的相關(guān)知識(shí)有助于我們?cè)诰帉?xiě)面向?qū)ο蟮腏avaScript程序時(shí)能夠游刃有余。2016-12-12
uni-app中如何使用uni.showModal添加輸入框
uni-app是一種使用Vue.js開(kāi)發(fā)所有前端應(yīng)用的框架,uni.showModal是其API之一,用于展示模態(tài)彈窗并可添加輸入框,通過(guò)editable屬性設(shè)置彈窗內(nèi)容是否可編輯,通過(guò)success回調(diào)函數(shù)處理用戶(hù)點(diǎn)擊結(jié)果,這提供了一個(gè)交互式元素,方便在應(yīng)用中收集用戶(hù)輸入的信息2024-09-09
elementui?日歷組件el-calendar使用總結(jié)
這篇文章主要介紹了elementui?日歷組件el-calendar使用總結(jié),引用dayjs處理日期,結(jié)合el-calendar完美實(shí)現(xiàn),需要的朋友可以參考下2024-07-07
cypress e2e測(cè)試編寫(xiě)注意點(diǎn)總結(jié)分析
這篇文章主要為大家介紹了cypress e2e測(cè)試編寫(xiě)注意點(diǎn)總結(jié)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
快速解決js開(kāi)發(fā)下拉框中blur與click沖突
這篇文章主要幫助大家快速解決js開(kāi)發(fā)下拉框中blur與click沖突,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript可以說(shuō)是最讓人初學(xué)者難以理解的單一屬性。我看了一些資料后，開(kāi)始明白其實(shí)這些困難很大程度來(lái)自prototype這個(gè)名字本身的二義性2012-02-02
uni-app小程序沉浸式導(dǎo)航實(shí)現(xiàn)的全過(guò)程
在跨端項(xiàng)目開(kāi)發(fā)中,uniapp是個(gè)不錯(cuò)的框架,下面這篇文章主要給大家介紹了關(guān)于uni-app小程序沉浸式導(dǎo)航實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10