Ext:动态更换主题（皮肤）

最新推荐文章于 2020-12-31 08:37:48 发布

果冻村长

最新推荐文章于 2020-12-31 08:37:48 发布

阅读量1.1k

点赞数

分类专栏： ExtJS 文章标签： ext function

本文链接：https://blog.youkuaiyun.com/jelly_bitores/article/details/5885168

版权

ExtJS 专栏收录该内容

4 篇文章

订阅专栏

核心代码就一句话：

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

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

{ 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'] ]