让ExtJs 2.02的例子也支持换肤-优快云博客

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

view plain copy to clipboard print ?

<divid="lib-bar"class="x-toolbar"style="border-width:01px1px;text-align:right;width:150px;position:absolute;right:0px;left:auto;top:2px;"><divid="lib-bar-inner">
<span>Theme:</span>
<selectid="exttheme">
<optionvalue="default">ExtBlue</option>
<optionvalue="gray">GrayTheme</option>
<optionvalue="black">BlackTheme</option>
<optionvalue="green">GreenTheme</option>
<optionvalue="calista">CalistaTheme</option>
<optionvalue="darkgray">DarkgrayTheme</option>
<optionvalue="indigo">IndigoTheme</option>
<optionvalue="midnight">MidnightTheme</option>
<optionvalue="olive">OliveTheme</option>
<optionvalue="pink">PinkTheme</option>
<optionvalue="purple">PurpleTheme</option>
<optionvalue="slate">SlateTheme</option>
<optionvalue="slickness">SlicknessTheme</option>
</select></div></div>

<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"> <span>Theme:</span> <select id="exttheme"> <option value="default">Ext Blue</option> <option value="gray">Gray Theme</option> <option value="black">Black Theme</option> <option value="green">Green Theme</option> <option value="calista">Calista Theme</option> <option value="darkgray">Darkgray Theme</option> <option value="indigo">Indigo Theme</option> <option value="midnight">Midnight Theme</option> <option value="olive">Olive Theme</option> <option value="pink">Pink Theme</option> <option value="purple">Purple Theme</option> <option value="slate">Slate Theme</option> <option value="slickness">Slickness Theme</option> </select></div></div>

2、更改 ./examples/examples.js 文件中的 40行
将
Ext.getBody().addClass('x-'+theme);
改为
Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + theme + ".css");

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