官术网_书友最值得收藏!

Time for action – loading the tasklist

We have the tasklist saved. But that doesn't do us much good if we can't load it. So let's add a new private method called loadTaskList():

function loadTaskList()
{
    var tasks = appStorage.getObject("taskList");
    if (tasks)
    {
        for (var i in tasks)
        {
            addTaskElement(tasks[i]);
        }
    }
}

This method calls appStorage.getValue() passing in the key for our tasklist. Then it checks to make sure we got something back. If so, it iterates over all of the tasks in the array calling the addTaskElement() method for each one.

The only thing left to do is add a call to loadTaskList() from the start() method, so the list is loaded when the application starts:

this.start = function()
{
    // Code not shown…
    loadTaskList();
    setStatus("ready");
};

What just happened?

We used the AppStorage object in our tasklist application to store the tasklist to localStorage any time something changes, and then retrieve it and build the tasklist when the user returns.

Have a go hero

Write a local storage browser application that can be used to look at the data for each application in your domain. At the top level, list all of the applications. When you drill down into the application, it shows all of its local storage items. When you click an item, it shows the contents of that item.

Pop quiz

Q1. What are the three basic components of an HTML5 application?

  1. jQuery, templates, and local storage
  2. Document, object, and model
  3. Tags, elements, and attributes
  4. HTML, CSS, and JavaScript

Q2. What type of data can be stored in local storage?

  1. Any type
  2. Objects
  3. Numbers
  4. Strings
主站蜘蛛池模板: 汶川县| 西乡县| 乌海市| 泗洪县| 西畴县| 咸丰县| 沁水县| 新宁县| 岢岚县| 古蔺县| 汤原县| 安康市| 涞源县| 卢湾区| 连平县| 浦东新区| 元谋县| 海兴县| 公主岭市| 大竹县| 游戏| 湖南省| 兰考县| 剑阁县| 深泽县| 和平区| 阜新市| 广饶县| 调兵山市| 安吉县| 政和县| 常熟市| 右玉县| 略阳县| 浦北县| 茶陵县| 临汾市| 安顺市| 增城市| 和田县| 中牟县|