在带有-App的SenchaTouch/PhoneGap localStorage中保存/加载设置，并以窗体形式显示它们

Question

当您想要使用localStorage时，应该如何在应用程序中保存/加载设置？假设我们只想保存用户名和密码。

目前我知道两种选择：

• 使用带存储和代理的模型。

这似乎有点“大”，因为你只想存储一个对象。但是，在设置FormPanel.

• using、Phonegap或“平原”localStorage中很容易使用this.load()。

然后您必须使用JSON.stringify和JSON.parse，但是您只存储一个对象，加载它更容易(在页面刷新之后，我在使用该存储和代理时遇到了一些问题)。但是您不能使用this.load，因为您需要加载一个模型。也许您需要将settingsObject从localStorage“强制转换”到一个模型并加载这个模型！？

哪种方法更好，或者是否有另一种更好的方法来保存/加载设置并在表单中显示它们？

Answer 1

我绝对同意你的观点，即使用Sencha模型和商店存储一些设置是过分的。我建议使用Ext.util.JSON.encode/decode序列化设置对象。

注意:您将无法序列化对象的函数成员，更不用说属于其原型链上的对象的属性了，因此您将无法序列化和反序列化Ext模型，并使它在返回时工作。最好的方法是序列化Ext组件的配置，并在获得配置后通过其构造函数重新构建它。

对于大多数简单设置对象，只需序列化它并将其存储在本地存储区中的一个键中。当您到达页面时，取出设置对象并更新表单。更改窗体中的设置时，将其写入对象。当您离开页面(卸载前)时，将对象写入本地存储。