文件名称:Ext3.1 21款精美主题和动态换皮肤
文件大小:2.79MB
文件格式:RAR
更新时间:2013-05-16 12:45:29
Ext3 皮肤 主题
Ext动态换皮肤 1、在页面中增加一个放样式文件的地方: 2、定义一个combox,将可选样式作为数据源填入下拉列表: 定义样式数据 Ext.simpledata.themes = [ ['Default', 'ext-2.2/resources/css/xtheme-default.css'], ['Calista', 'ext-2.2/resources/css/xtheme-calista.css'], ['Gray', 'ext-2.2/resources/css/xtheme-gray.css'] ]; 定义下拉数据源和combox: var themestore = new Ext.data.SimpleStore({ fields: ['Name', 'File'], data: Ext.simpledata.themes }); this.cboTheme = new Ext.form.ComboBox({ id: 'ux-startcombo-theme', store: themestore, valueField: 'File', displayField: 'Name', mode: 'local', typeAhead: true, editable: false, triggerAction: 'all', value: 'ext-2.2/resources/css/xtheme-default.css',//先用默认的 selectOnFocus: true, width: 100 }); this.cboTheme.on('select', function(combo) { var value = combo.getValue(); Ext.util.CSS.swapStyleSheet(‘theme’, value); }, this); 3、完成。
【文件预览】:
Ext3.1Themes
----ext_theme_17.zip(205KB)
----动态更换皮肤代码.txt(1KB)
----ext_theme_4.zip(171KB)
----ext_theme_10.zip(171KB)
----ext_theme_20.zip(195KB)
----ext_theme_8.zip(174KB)
----ext_theme_18.zip(203KB)
----ext_theme_15.zip(182KB)
----ext_theme_14.zip(200KB)
----ext_theme_12.zip(181KB)
----ext_theme_7.zip(172KB)
----ext_theme_11.zip(171KB)
----ext_theme_9.zip(173KB)
----ext_theme_21_grey.zip(172KB)
----ext_theme_1.zip(170KB)
----ext_theme_5.zip(201KB)
----ext_theme_3.zip(172KB)
----ext_theme_13.zip(173KB)
----ext_theme_19.zip(202KB)
----ext_theme_2.zip(208KB)
----ext_theme_6.zip(168KB)
----ext_theme_16.zip(179KB)