如何使用Ext.state.LocalStorageProvider？

Question

如何设置 Ext.state.LocalStorageProvider 以便保存所有项目的状态？

Answer 1

LocalStorageProvide 是 Ext JS 的 HTML5 本地存储 包装器。只要您使用的浏览器支持，您就可以使用本地存储。

存储基于键/值对。您最多可以存储 5MB（我认为这是规范，有些浏览器不提供那么多空间。我不确定大小限制）并使用 LocalStorageProvider 的简单 API 来存储和检索数据。存储状态不是自动的！您应该知道何时存储，何时检索！

您可以使用 设置 & 获取方法存储和检索值。这是一个示例：

 var store = Ext.state.LocalStorageProvider.create();  
 store.set('record',rec); //This could be a object like (Ext.data.Model)

您可以使用以下方法检索数据（可能位于表单的 initComponent 等中）：

var rec = store.get('record');
form.loadRecord(rec);  // Load the form with the saved data...