Ext:动态更换主题2(皮肤)

来源:岁月联盟 编辑:exp 时间:2012-06-08

核心代码就一句话:

 [javascript] Ext.util.CSS.swapStyleSheet('window', 'JSLib/ext/resource/css/'+combo.getValue()+'.css'); 
Ext.util.CSS.swapStyleSheet('window', 'JSLib/ext/resource/css/'+combo.getValue()+'.css');

 

下面使用下拉菜单更换主题:

[javascript] { 
                xtype: 'combo', 
                store: new Ext.data.SimpleStore({ 
                    fields: ['id', 'theme-view','theme-value'], 
                    data: JpkFrame.data.themes 
                }), 
                width: 80, 
                editable: false, 
                displayField: 'theme-view', 
                name: 'change_theme', 
                editable:false, 
                //typeAhead: true,  
                value:'默认风格', 
                mode: 'local', 
                valueField:'theme-value', 
                triggerAction: 'all', 
                selectOnFocus: true, 
                listeners: { 
                    select: function(combo, record, index){ 
                        Ext.util.CSS.swapStyleSheet('window', 'JSLib/ext/resources/css/'+combo.getValue()+'.css'); 
                    } 
                } 
            } 
 
JpkFrame.data.themes=[ 
    [0,'默认风格','ext-all'], 
    [1,'深蓝风格','xtheme-slate'], 
    [2,'黑色风格','xtheme-black'], 
    [3,'银白风格','xtheme-gray'], 
    [4,'绿色风格','xtheme-olive'], 
    [5,'灰色风格','xtheme-darkgray'], 
    [6,'紫色风格','xtheme-purple'] 

 

 

摘自 果冻村长