ext 皮肤

	///////////////////////Theme start///////////////////////////////////
	Ext.ux.ThemeCycleButton = Ext.extend(Ext.CycleButton, {
    /**
     * file 你的css名称 
     * text 下拉框的名称
     * iconCls 设置图标css  
     */                                     
  
    cssItems:[   
  
        {file: 'ext-all.css', text: 'Blue ',checked:true,  iconCls: 'icon-blue-theme'},   
  
        {file: 'xtheme-gray.css', text: 'Gray ', iconCls: 'icon-gray-theme'},   
  
        {file: 'xtheme-slate.css', text: 'Slate ', iconCls: 'icon-blue-theme'},   
  
        {file: 'xtheme-black.css', text: 'Black ', iconCls: 'icon-blue-theme'},   
  
        {file: 'xtheme-olive.css', text: 'Olive ', iconCls: 'icon-blue-theme'},   
  
        {file: 'xtheme-purple.css', text: 'Purple ', iconCls: 'icon-blue-theme'}   
  
    ],
    themeVar:'style',   
    headVar: 'head',   
    //cssPath是你放css的位置，这个路径要是弄错了，神仙也出不来的 
    cssPath:'ext3/Ext/resources/css/',   
  
    initComponent: function() {
        Ext.apply(this, {
            showText: true,
            prependText: ' ',
            items: this.cssItems
        });   
  
        if(Ext.state.Manager){
            var selectedTheme = Ext.state.Manager.get(this.themeVar);
            if(selectedTheme){
                for(var i=0; i<this.items.length;i++){   
                    if (this.items[i].file == selectedTheme){ 
                        this.items[i].checked = true;   
                        this.changeHandler(this, this.items[i]);  
                        break;   
                    }   
                }
            }
        }
        Ext.ux.ThemeCycleButton.superclass.initComponent.apply(this, arguments);
    },
    changeHandler: function(o, i){
        if(Ext.state.Manager.getProvider()) {
            Ext.state.Manager.set(this.themeVar, i.file);
            Ext.state.Manager.set(this.headVar, i.head);
        }
        Ext.util.CSS.swapStyleSheet(this.themeVar, this.cssPath + i.file);
        Ext.util.CSS.getRule('.x-panel-body', true).style.background = 'url(' + i.head + ')';
//      Ext.util.CSS.updateRule('.x-panel-body', 'background', 'url(' + i.head + ')');
        if(Ext.getCmp('viewport')){   
            Ext.getCmp('viewport').layout.center.panel.setSize(Ext.getCmp('viewport').layout.center.getSize().width + 1); 
            Ext.getCmp('viewport').doLayout(); 
            Ext.getCmp('viewport').layout.center.panel.setSize(Ext.getCmp('viewport').layout.center.getSize().width - 1);
            Ext.getCmp('viewport').doLayout();  
        }   
    }   
});   
//Ext.util.CSS.swapStyleSheet("theme", "ext3/Ext/resources/css/icon-gray-theme.css");　
Ext.reg('themecyclebutton', Ext.ux.ThemeCycleButton);  
var tb=new Ext.Toolbar('toolbar-div');//创建一个工具条  
        tb.add(
           new Ext.ux.ThemeCycleButton 
        );  
///////////////////////////////////Theme end//////////////////////////////////////////