由于CookieProvider的长度4k限制,每次都提交cookie的内容
实现了一个基于firefox的gloabalStorage,基于ie的userdata的状态管理器,代码如下:
Ext.state.SessionStorageStateProvider = function(config){
Ext.state.SessionStorageStateProvider.superclass.constructor.call(this);
try{
if(Ext.isIE)
{
this.storage = new ewp.util.IESessionStorage("ewpstate");
}else if(window.globalStorage)
{
this.storage = window.globalStorage[window.location.hostname];
}
}catch(e){
}
};
Ext.extend(Ext.state.SessionStorageStateProvider, Ext.state.Provider, {
get : function(name, defaultValue){
if(!this.storage)
{
return defaultValue;
}
try{
var value = this.storage.getItem("ys-"+name)
return value == "undefined" ? defaultValue : this.decodeValue(value);
}catch(e){
return defaultValue;
}
},
// private
set : function(name, value){
if(!this.storage)
{
return;
}
if(typeof value == "undefined" || value === null){
this.clear(name);
return;
}
try{
this.storage.setItem("ys-"+name, this.encodeValue(value));
Ext.state.SessionStorageStateProvider.superclass.set.call(this, name, value);
}catch(e){
}
},
// private
clear : function(name){
if(!this.storage)
{
return;
}
try{
this.storage.removeItem(name)
Ext.state.SessionStorageStateProvider.superclass.clear.call(this, name);
}catch(e){
}
}
});
ewp.util.IESessionStorage = function(fileName){
this.fileName = fileName;
this.ele = document.documentElement;
this.ele.addBehavior("#default#userdata");
this.ele.load(fileName);
}
ewp.util.IESessionStorage.prototype = {
setItem:function(key, value){
this.ele.setAttribute(key, value);
this.ele.save(this.fileName);
},
getItem:function(key){
return this.ele.getAttribute(key);
},
removeItem:function(key){
this.ele.removeAttribute(key);
this.ele.save(this.fileName);
},
deleteSelf:function(){
this.ele.expires = new Date(315532799000).toUTCString();
this.ele.save(this.fileName);
}
}
由于不清楚当长度达到限制或者存储所依赖的文件发生变动,系统将出现如何的状况,所以就统一的把异常都吃掉了。
参考内容:
ie下使用userdata的例子:
http://www.blogjava.net/emu/articles/39485.html
http://msdn.microsoft.com/en-us/library/ms531424(VS.85).aspx
https://developer.mozilla.org/cn/DOM/Storage
http://en.wikipedia.org/wiki/HTTP_cookie
分享到:
相关推荐
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 本章...
代码如下:Ext.state.CookieProvider = function(config){ Ext.state.CookieProvider.superclass.constructor.call(this); this.path = “/”; this.expires = new Date(new Date().getTime()+(1000*60*60*24*7)); //...
`Ext.state` 提供了一个统一的状态管理接口,其中包含了多种存储提供者(如 SessionStorageProvider、LocalStorageProvider 和 CookieProvider),而 CookieProvider 正是用于操作 Cookie 的。 #### 三、创建 ...
- 对于状态管理,可以通过设置`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`,使得状态存储到Cookie中,以便用户刷新页面时能够保留当前的状态。这对于提高用户体验非常重要,尤其是在涉及表单...
此外,代码片段中还提到了状态管理,使用了`Ext.state.SessionProvider`,这是一个继承自`Ext.state.CookieProvider`的自定义状态管理类,能够管理应用状态,并在读取和记录cookie状态时进行解码操作。这表明了ExtJS...
`Ext.state.Manager`用于管理应用程序的状态,可以使用`CookieProvider`保存用户的界面状态,如打开的面板、表单数据等。 EXT的布局系统提供了极大的灵活性,允许开发者根据需求创建各种复杂的界面布局,同时保持...
- **`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`**: 设置状态管理器的状态提供者为CookieProvider,意味着应用的状态会存储在cookie中,以便在页面刷新后恢复应用的状态。 ##### 2. 树形面板...
为了更好地处理客户端的数据存储,AngularJS提供了一个名为AngularCookies的模块,该模块是AngularJS生态的一部分,用于方便地在用户浏览器中管理cookie。 **1. AngularCookies的基本概念** AngularCookies允许...
im 基于流的超快速样板特征SSR +流渲染样式化的组件React头盔代码分割热装包裹进行中(高)修复更漂亮的jsx换行符(Q)是否应立即提供LazyBoundary,RecoilRoot,ThemeProvider,CookieProvider,WebFont策略?...