在制作Phonegap应用程序时,我应该如何添加列表项并将其保存到本地存储中
How should I add list items and save it to local storage when making a Phonegap application?
我正在制作一个应用程序,记录你的工作时间和收入。现在我正在做这个:
localStorage.cachedPay = madeamount.toFixed(2);
localStorage.cachedHours = houramount;
$madeamount.html(localStorage.cachedPay);
$houramount.html(localStorage.cachedHours);
所以这是可行的,但我只是保存在p标签中显示的两个值,我需要能够在每次实例结束时将这两个值作为列表项添加到页面底部,并将其保存到本地存储中,以便它们在启动时显示。做这件事的最佳方法是什么?我还希望能够将两个记录值的总额相加并显示出来。
简单,不使用数据结构:
var sumPay = 0;
var sumHours = 0;
for(var i = 0 ; i < localStorage.length; i++ ) {
var strKey = localStorage.key(i);
if(strKey.startsWith('myCachedPayPrefix_')) {
var cachedPay = localStorage.getItem(strKey);
sumPay = cachedPay;
}
if(strKey.startsWith('myCachedHoursPrefix_')) {
var cachedHours = localStorage.getItem(strKey);
sumHours += cachedHours;
}
}
更好的做法是:维护一个数组,并使用JSON.stringify
和JSON.parse
将该数组移入和移出localStorage,但之后您可以像处理正确的数据结构一样操作它。
相关文章:
- 保存串行端口列表与流星
- 从下拉列表中获取所选项目,并将其保存到php变量中
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 将 ul 列表保存到 json 对象中
- 主干将模型列表保存到集合
- 从动态生成的输入字段中获取下拉列表中的数据,而无需保存值 - jquery
- JQuery UI 可排序和 Laravel,将列表保存到数据库
- 单个列筛选不保存下拉列表 jQuery 的状态
- 在下拉列表中显示保存的数据 - html 选择标签
- 带有保存和提交按钮的 2 列表单,并尝试禁用提交按钮,直到表单完成
- 在 POST MVC 之后保存 Html 下拉列表值
- C# 保存对象列表与保存对象(来自 JSON)
- 保存动态创建的 jQuery 连接可排序列表的顺序
- 如何使用 PHP+JS 获取要保存到邮件列表的名称
- 保存下拉列表的值并重新分配它
- 会话存储以保存下拉列表值
- 将文件列表保存到 $.cookie
- 将播放列表保存到所需位置
- AngularJS:如何创建一个模型,该模型为输入字段的动态列表保存一个数组
- JavaScript列表保存问题