让ExtJs 2.02的例子也支持换肤

今天在论坛看到有朋友问我,网站上的换肤功能是如何做的。其实换肤的方法在下载回来的例子中是已经存在的了。但是不知道为什么该功能在ext 2.02下并不可用。
要加上换肤功能主要有两个步聚:
1、在html页面(每一个例子)的body中间加上以下代码(换肤工具条)

  1. <div id="lib-bar" class="x-toolbar" style="border-width:0 1px 1px; text-align:right; width:150px; position:absolute; right:0px;left:auto; top:2px; "><div id="lib-bar-inner">   
  2. <span>Theme:</span>   
  3. <select id="exttheme">   
  4. <option value="default">Ext Blue</option>   
  5. <option value="gray">Gray Theme</option>   
  6. <option value="black">Black Theme</option>   
  7. <option value="green">Green Theme</option>   
  8. <option value="calista">Calista Theme</option>   
  9. <option value="darkgray">Darkgray Theme</option>   
  10. <option value="indigo">Indigo Theme</option>   
  11. <option value="midnight">Midnight Theme</option>   
  12. <option value="olive">Olive Theme</option>   
  13. <option value="pink">Pink Theme</option>   
  14. <option value="purple">Purple Theme</option>   
  15. <option value="slate">Slate Theme</option>   
  16. <option value="slickness">Slickness Theme</option>   
  17. </select></div></div>  

2、更改 ./examples/examples.js 文件中的 40行

Ext.getBody().addClass('x-'+theme);
改为
Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + theme + ".css");

完成这两步后就大功告成了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值