`

【转】Ext.state.Manager对组件状态进行管理

阅读更多

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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics