javascript - 通过localStorage实现表格点击行置顶 且刷新页面保持当前状态
習慣沉默
習慣沉默 2017-06-28 09:27:46
0
2
742

由于至少需要3列的值可以确定唯一的行

所以我的思路是
1.每次点击置顶按钮的时候 将对应行的那3列(每列为1个key)的value存入localStorage,即save过程
2.每次重新载入页面时,读取本地数据,在获取表格数据之后,每行的那3列都与存在本地数据对比,相等的就保持置顶

如上的想法,现在我的问题所在:
多次点击之后,每个列所对应的key的value应该不止一个 对比该如何进行
for循环不太清楚具体用法

習慣沉默
習慣沉默

全部回复 (2)
曾经蜡笔没有小新

其实你不用每列为一个Key存储的,可以将这三列的数据做成一个JS对象,然后,将字符串化的值存入localStorage,比如:

var col_identifier = { col1: ... col2: ... col3: ... }; localStorage.setItem('col_identifier', JSON.stringify(col_identifier));

用的时候直接取出这个值,然后解析,再取出col1col2col3的值,进行比对

var col_identifier = JSON.parse(localStorage.getItem('col_identifier') || '{}'); var col1 = col_identifier.col1 || ''; var col2 = col_identifier.col2 || ''; var col3 = col_identifier.col3 || ''; ... // 下面就是对比表格数据了
    小葫芦

    可以置顶多个行吗?是的话可以存一个数组。

    感觉比较3个属性过于复杂了,可以给每行一个唯一的 id,这样只要看 id 是否匹配就可以。

      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!