javascript - 使用 localStorage 在 SenchaTouch/PhoneGap -App 中保存/加载设置并以表单形式显示

Question

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

目前我知道两种选择:

• 使用带有存储和代理的模型。
  这似乎有点太“大”，因为您只想存储一个对象。但是您可以在设置 FormPanel 中轻松使用 this.load() 的优势。
• 使用 Phonegap 或“普通”localStorage。
  然后你必须使用 JSON.stringify 和 JSON.parse 但你只存储一个对象并且更容易加载它(页面刷新后我在使用商店和代理时遇到了一些麻烦)。 但是你不能使用 this.load 因为你需要加载一个模型。也许您需要将 settingsObject 从 localStorage“转换”到一个模型并加载这个模型!？

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

Answer 1

我完全同意您的看法，即使用 Sencha Touch 模型和存储来存储某些设置是过分的。我建议使用 Ext.util.JSON.encode/decode 序列化您的设置对象。

注意:您将无法序列化一个对象的函数成员，更不用说属于其原型(prototype)链上的对象的属性了，因此您将无法序列化和反序列化一个 Ext 模型并拥有它当你拿回来的时候工作。您能做的最好的事情是序列化您的 Ext 组件的配置，并在取回配置后通过其构造函数重新构造它。

对于大多数简单的设置对象，只需将其序列化并将其存储在本地存储中的键中即可。当您到达您的页面时，取出设置对象并更新您的表单。当您更改表单中的设置时，将其写入对象。离开页面时(onbeforeunload)，将对象写入localstore。