当前位置:编程学习 > JAVA >>

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>
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,