商店中删除的记录不断显示

时间:2011-07-06 10:05:31

标签: sencha-touch local-storage

我创建了一个用于记住用户名和密码的本地商店和模型:

商品

ToolbarDemo.stores.localsettingsstore = new Ext.data.Store({
    model: 'UserSettings',
    proxy: new Ext.data.LocalStorageProxy(
    {
        id: 'data',
        proxy: 
        {
            idProperty: 'id'
        }
    }),
    autoLoad: true,
    autoSave: true,
    listeners:
    {
        beforesync: function()
        {
            console.log("SYNCING");
            console.log("Number of data: ");
            console.log(this.getCount());
        },
        datachanged: function()
        {
            console.log(this.getProxy());
            console.log("DATA CHANGED");
            console.log("Number of data: ");
            console.log(this.getCount());
        }
    }

});

模型

Ext.regModel('UserSettings', {
    fields: [
        {name: 'username', type: 'string'},
        {name: 'password', type: 'string'},
        {name: 'storeUsernamePassword', type: 'boolean'}
    ]
});

如果用户想要存储用户名和密码,则调用此函数:

function setLocalUsernameAndPassword(localUsername, localPassword, bStoreUsernameAndPassword)
{
    removeLocalUsernameAndPassword(false); // Remove all previous inputs (Should just be one)
    ToolbarDemo.stores.localsettingsstore.add({username: localUsername, password: localPassword, storeUsernamePassword: bStoreUsernameAndPassword});

}

商店设置为自动加载和自动保存,因此在商店中运行.sync()不应该是nessecary。

如果用户选择不存储用户名和密码,我会通过调用来删除商店中的所有记录:

function removeLocalUsernameAndPassword(bClearFields)
{
    //ToolbarDemo.stores.localsettingsstore.removeAll();
    ToolbarDemo.stores.localsettingsstore.each(function(record)
    {
        console.log("Removing " + record.data.username);
        ToolbarDemo.stores.localsettingsstore.remove(record);
    });

    if(bClearFields)
    {
        Ext.getCmp("usernameField").value = "";
        Ext.getCmp("passwordField").value = "";
        Ext.getCmp("checkboxStoreUserInfo").checked = false;
    }

}

之后我可以看到商店是空的,但如果我刷新页面(再次启动应用程序),所有记录都返回加上我存储的记录。

任何人都可以看到我错过了正确的做法吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

我终于找到了一个exactly the same problem的家伙。 解决方案:

您必须添加名为“id”的字段,并键入“int”。 这使得sencha能够删除记录。

Ext.regModel('UserSettings', {
    fields: [
        {name: 'id', type: 'int'},
        {name: 'username', type: 'string'},
        {name: 'password', type: 'string'},
        {name: 'storeUsernamePassword', type: 'boolean'}
    ]
});

在我这样做之后,我还必须在每次更新后进行store.save()。