Ext.data.proxy.LocalStorage和SessionStorage

     Ext.data.proxy.LocalStorage是Ext.data.proxy.WebStorage的子类，使用HTML5的LocalStorage API在客户端保存数据，由于HTML5的LocalStorage不能存储复杂数据，因此在读写操作时LocalStorage代理会自动序列化和反序列化数据。

    LocalStorage代理经常用来保存不需要存储在服务端的用户信息，这些信息不回在浏览器关闭后消失，可以长期保存。

Ext.onReady(function ()
{
    //创建数据模型
    Ext.regModel("User", {
        fields: ["id", "name", "age"],
        proxy: {
            type: "localstorage",        //使用Ext.data.proxy.LocalStorage代理
            id: "User-Searches"         //代理数据的唯一标识
        }
    });
    var store = new Ext.data.Store({
        model: "User"
    });
    //添加数据
    store.add({ name: "张三", age: 20 });
    store.add({ name: "李四", age: 30 });

    //保存数据
    store.sync();
    //读取数据
    store.load();

    var msg = [];
    store.each(function (rec)
    {
        msg.push(rec.get("id") + " " + rec.get("name") + " " + rec.get("age"));
    });
    alert(msg.join("\n"));
});

    由于用到了HTML5的DOMStorage特性，上述代码需要在支持Html5浏览器中才能运行，在浏览器关闭后数据不回消失，因此，在运行关闭再次访问页面后，Store的数据会不断增加。

    将上述代码中的type修改为为sessionstorage后，即为Ext.data.proxy.SessionStorage，使用HTML5的session storage API在客户端保存数据，与LocalStorage的区别在于当浏览器关闭时数据会丢失，不适合长期保存数据，其他的使用方式相同。

   注意：如果页面不关闭而是刷新操作，HTML5的session storageApI也会对数据进行累计，因为刷新页面并没有创建新的会话，所以数据不回被清空。