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

时间:2015-06-24 11:41:14

标签: javascript jquery html5 local-storage

我对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

我迭代了我的价值观,但它不起作用。

我需要帮助。

2 个答案:

答案 0 :(得分:0)

设置本地存储值,例如

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

检索值

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

从本地存储中删除项目

localStorage.removeItem('favoriteflavor');

答案 1 :(得分:0)

试试这个:

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>