Ext:动态更换主题2(皮肤)
核心代码就一句话:
[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']
]
摘自 果冻村长