Ext.state.Manager存在的意义:简单说就是在客户端存取数据,譬如说用户打开一个Window之后对其大小进行了调整,他不想每次打开都要重新调整窗口大小,这时你就可以使用Ext.state.Manager记住他所设定的窗口大小,这样他即使关闭浏览器再打开打那个Window还会是你所保存的大小。
默认情况下所有组件执行构造函数时都会访问这个类。如果你想要让它记住组件的状态必须在程序初始化的时候设置一个Provider(一个可以对数据进行存取的底层实现),Ext提供的一个实现就是Ext.state.CookieProvider,这个类通过操作浏览器的cookie实现数据的存取,通常你需要在程序起始的时候对它进行设置。例如:
Ext.state.Manager.setProvider(
new Ext.state.CookieProvider({
expires: new Date(new Date().getTime()+(1000*60*60*24*365)), //1年保存期,默认是7天
}));
在组件中使用状态管理:
stateful:Boolean
这个属性只要不是false,这个组件就回在构造时访问Ext.state.Manager
stateId:String
这个属性是组件状态化的标实,没设置的话会被设置为组件的id,如果组件id也没手工设置,它会被设置为null(如果想对组件进行状态管理,这一项不能为null)
stateEvents:Array
事件名的数组,其中任何事件触发时Ext.state.Manager都会重新记录组件的状态
getState():Object
此方法用于保存组件状态,当stateEvents中的事件触发时会被调用,默认情况下是一个空方法;你需要改写此方法返回一个带有需要保存信息的直接量对象,这个对象会被Ext.state.Manager记录下来并且做为唯一参数传递给applyState方法。
applyState(Object state):void
如果stateful不为false并且Ext.state.Manager保存了这个对象的状态,这个方法会在组件构造时被隐式调用(不用你自己写代码,Ext会把当前组件的state对象做为参数传递到这个方法并进行调用),默认情况下这个函数就是把state的所有属性复制到这个对象上。
beforestaterestore、beforestatesave、staterestore、statesave四个事件可用来对状态保存和读取进行监听
简而言之,你至少需要为需要状态管理的组件配置以下属性:
属性:
id或stateId stateEvents
方法:
getState
这里有个例子可以借鉴:
http://www.extjs.com/learn/Manual:Core:State_(Chinese)
分享到:
相关推荐
8.4.4 状态管理:ext.state.manager、ext.state.provider、ext.state.local-storageprovider和ext.state.cookieprovider / 426 8.5 综合实例 / 426 8.5.1 使用子模板 / 426 8.5.2 递归调用模板 / 428 8.6 本章...
此外,EXTJS的`Ext.state.Manager`也可以用来存储状态信息,虽然它通常用于保存用户界面的状态,但在一定场景下也可以用作页面间的数据传递。不过,这种方法并不适合传递大量数据。 从提供的文件名`cxgl.js`和`temp...
6. **状态管理**:理解如何保存和恢复用户界面的状态,使用`Ext.state.Manager`来实现。 7. **拖放功能**:学习如何启用组件的拖放功能,创建可拖动和可放置的元素。 8. **高级主题**:探索ExtJS的主题和皮肤,如何...
10. **状态管理**:如果需要记住用户的登录状态,可以使用`Ext.state.Manager`来保存和恢复状态,这在用户关闭和重新打开应用时非常有用。 通过深入理解并实践这个"ExtJs4登录示例",开发者可以掌握如何在实际项目...
- 对于状态管理,可以通过设置`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`,使得状态存储到Cookie中,以便用户刷新页面时能够保留当前的状态。这对于提高用户体验非常重要,尤其是在涉及表单...
`Ext.state.Manager`用于管理应用程序的状态,可以使用`CookieProvider`保存用户的界面状态,如打开的面板、表单数据等。 EXT的布局系统提供了极大的灵活性,允许开发者根据需求创建各种复杂的界面布局,同时保持...
8. **状态管理**:在应用中,可能需要保存用户的输入状态和选择的汇率,这可以通过Sencha Touch的`Ext.state.Manager`来实现。它可以将状态数据存储在cookie或服务器上,以便在用户下次访问时恢复。 9. **响应式...