在$listview中获取本地存储项目

get local Storage items in a $listview

本文关键字：存储 项目 获取 listview      更新时间：2023-09-26

我对HTML5"localStorage"有一些问题。我可以保存我的价值观，这不是问题所在。（window.localStorage.setItem（key，value），但现在我想把这些值放在一个列表中（jquery.mobile中的$listview）所以这看起来像是一个联系人列表。例如，我存储了一些名字，在下一步中，这些存储的名字应该在一个列表中（比如android联系人列表）。我不知道该怎么做。

var content = {
    children: [ 
        {type:'$listview',autodividers:true, filter:true, filterplaceholder:'contact Person'
            children: [
                {type:'$listviewitem',label:'localStorage.getItem(key), clickable:true, key:'o'}
            ]},         ^single Items aren't the problem

我反复强调我的价值观，但没有奏效。

我需要帮助。

设置本地存储值，例如

localStorage.setItem('favoriteflavor','vanilla');

检索值

var taste = localStorage.getItem('favoriteflavor');
// -> "vanilla"

从本地存储中删除项目

localStorage.removeItem('favoriteflavor');

试试这个：

JS-

function processForm(){
  var telephone = document.myform.telephone.value;
  var maile = document.myform.maile.value;
  localStorage.setItem("telephone", telephone);
  localStorage.setItem("maile", maile);
  alert("Saved: " + localStorage.getItem("telephone") + ", " + localStorage.getItem("maile"));
}
function clearForm(){
  $('#myform').get(0).reset();
}
function retrieveFormInfo(){
  var telephone = localStorage.getItem("telephone");
  $("#telephone2").html("Phone: " + telephone);
  var maile = localStorage.getItem("maile");
  $("#maile").html("Mail: " + maile);
}

HTML

<div data-role="page" id="mensajes">
  <div data-role="header">
    <h1>mensajes</h1>
  </div>
  <div>
    <p><a href="#form" data-role="button" id="garform" onClick="clearForm();" data-icon="arrow-r" data-iconpos="right">Enter Notes</a></p>
    <p><a href="#register" data-role="button" id="garSaved" onClick="retrieveFormInfo();" data-icon="arrow-r" data-iconpos="right">Display</a></p>
  </div>
</div>
<div data-role="page" id="form">
  <div data-role="header">
    <h1>Enter INFO</h1>
    <a href="#mensajes" id="save-activity-button" onClick="processForm();" data-icon="check" data-theme="b" data-rel="back">Save</a>
  </div>
  <div data-role="content">
    <form name="myform" id="myform" action="" method="get">
      <div data-role="fieldcontain">
        <label for="name">Phone:</label>
        <input type="text" name="telephone" id="theTelephone" value=""  />
        <label for="name">Mail:</label>
        <input type="text" name="maile" id="theMail" value=""  />
      </div>
    </form>
  </div>
</div>
<!-- ------------------REGISTER ------------ -->
<div data-role="page" id="register">
  <div data-role="header">
    <h1>Register </h1>
  </div>
  <div data-role="content"> 
    <ul data-role="listview" data-inset="true">
      <li id="telephone2" ></li>
      <li id="maile"></li>
    </ul>
  </div>
</div>
相关文章：