亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過localStorage實現表格點擊行置頂 且刷新頁面保持當前狀態

通過localStorage實現表格點擊行置頂 且刷新頁面保持當前狀態

白豬掌柜的 2018-11-20 17:13:42
由于至少需要3列的值可以確定唯一的行所以我的思路是 1.每次點擊置頂按鈕的時候 將對應行的那3列(每列為1個key)的value存入localStorage,即save過程2.每次重新載入頁面時,讀取本地數據,在獲取表格數據之后,每行的那3列都與存在本地數據對比,相等的就保持置頂如上的想法,現在我的問題所在:多次點擊之后,每個列所對應的key的value應該不止一個 對比該如何進行for循環不太清楚具體用法
查看完整描述

1 回答

?
鳳凰求蠱

TA貢獻1825條經驗 獲得超4個贊

其實你不用每列為一個Key存儲的,可以將這三列的數據做成一個JS對象,然后,將字符串化的值存入localStorage,比如:

var col_identifier = {

    col1: ...

    col2: ...

    col3: ...

};


localStorage.setItem('col_identifier', JSON.stringify(col_identifier));

用的時候直接取出這個值,然后解析,再取出col1、col2col3的值,進行比對

var col_identifier = JSON.parse(localStorage.getItem('col_identifier') || '{}');


var col1 = col_identifier.col1 || '';

var col2 = col_identifier.col2 || '';

var col3 = col_identifier.col3 || '';


... // 下面就是對比表格數據了


查看完整回答
反對 回復 2018-12-27
  • 1 回答
  • 0 關注
  • 545 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號