html - Ext Jsの状態のサンプルは提供しますか？

Question

特にHTML5ストレージメカニズムを使用する場合は、ExtJSプロバイダーのサンプルを教えてもらえますか。

ありがとう。

Answer 1

Ext.state.Provider状態プロバイダー実装の抽象基本クラスです。ExtJS の現在のバージョンには、 CookieProvider というストレージ プロバイダーが 1 つだけあります。

Provider クラスを継承して on ストレージ プロバイダーを作成し、HTML 5 ストレージ メカニズムを実装できます。考えられるスケルトン コードは次のとおりです。

Ext.define('Ext.state.LocalStoreProvider', {
    extend: 'Ext.state.Provider',

    constructor : function(config){
        // 1. set default values
        // 2. Check if HTML5 storage is supported?
        // 3. load existing values
    },


    set : function(name, value){
        localStorage.setItem(name, value);
    },

    get : function(name,default) {

        var val = localStorage[name];
        if(val)
            return val;
        else
            return default; 
    },

    clear : function(name){
        localStorage.removeItem(name);  
    },

    decodeValue : function( val) {

        // Logic to decode an encoded data
    },

    encodeValue : function( val) {

        // Logic to encode a string data
    }

});

注: このコードは完全ではなく、テストもされていないため、実行する前にさらにロジックが必要です。これは出発点として使用できます。