当前位置: 代码迷 >> Web前端 >> Ext动态正题切换
  详细解决方案

Ext动态正题切换

热度:224   发布时间:2013-03-01 18:33:02.0
Ext动态主题切换

<script type="text/javascript" language="javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" language="javascript" src="ext-3.2.1/examples/shared/examples.js"></script>

//关键点
<link rel="stylesheet" type="text/css" id="default-skin" href="ext-3.2.1/resources/css/xtheme-access.css" />

<body>
</body>
</html>
<script>
 Ext.onReady(function(){
   var win=new Ext.Window({
     title:'切换主题',
     width:600,
     height:400,
     renderTo:Ext.getBody(),
     bbar:[{
       text:'切换主题',
       handler:function(){
         Ext.util.CSS.swapStyleSheet('default-skin','ext-3.2.1/resources/css/xtheme-blue.css');
        }
      }]
    });
   win.show();
  });
</script>

  相关解决方案