`
nihongye
  • 浏览: 102164 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用于替换Ext.state.CookieProvider的另一个StateProvider

阅读更多
由于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
分享到:
评论

相关推荐

    Ext Js权威指南(.zip.001

    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 本章...

    javascript Ext JS 状态默认存储时间

    代码如下: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)); //...

    Extjs 关于 cookie的操作

    `Ext.state` 提供了一个统一的状态管理接口,其中包含了多种存储提供者(如 SessionStorageProvider、LocalStorageProvider 和 CookieProvider),而 CookieProvider 正是用于操作 Cookie 的。 #### 三、创建 ...

    EXT开发过程中的心得

    - 对于状态管理,可以通过设置`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`,使得状态存储到Cookie中,以便用户刷新页面时能够保留当前的状态。这对于提高用户体验非常重要,尤其是在涉及表单...

    ExtJS GTGrid 简单用户管理

    此外,代码片段中还提到了状态管理,使用了`Ext.state.SessionProvider`,这是一个继承自`Ext.state.CookieProvider`的自定义状态管理类,能够管理应用状态,并在读取和记录cookie状态时进行解码操作。这表明了ExtJS...

    ext布局(Layout.html)例子[参考].pdf

    `Ext.state.Manager`用于管理应用程序的状态,可以使用`CookieProvider`保存用户的界面状态,如打开的面板、表单数据等。 EXT的布局系统提供了极大的灵活性,允许开发者根据需求创建各种复杂的界面布局,同时保持...

    复选框的且带右键菜单的树代码

    - **`Ext.state.Manager.setProvider(new Ext.state.CookieProvider())`**: 设置状态管理器的状态提供者为CookieProvider,意味着应用的状态会存储在cookie中,以便在页面刷新后恢复应用的状态。 ##### 2. 树形面板...

    前端开源库-angular-cookies

    为了更好地处理客户端的数据存储,AngularJS提供了一个名为AngularCookies的模块,该模块是AngularJS生态的一部分,用于方便地在用户浏览器中管理cookie。 **1. AngularCookies的基本概念** AngularCookies允许...

    strimd:基于流的超快速React样板

    im 基于流的超快速样板特征SSR +流渲染样式化的组件React头盔代码分割热装包裹进行中(高)修复更漂亮的jsx换行符(Q)是否应立即提供LazyBoundary,RecoilRoot,ThemeProvider,CookieProvider,WebFont策略?...

Global site tag (gtag.js) - Google Analytics