让ExtJs 2.02的例子也支持换肤

html" title=class>class="baidu_pl"> <div id="article_content" html" title=class>class="article_content clearfix"> <div id="content_views" html" title=class>class="htmledit_views"> <div html" title=class>class="content">

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

<div html" title=class>class="dp-highlighter"> <div html" title=class>class="bar"> <div html" title=class>class="tools"> view plain copy to clipboard print ? div> div>

html" title=class>class="alt"><div id=html" title=class>class="string">"lib-bar" html" title=class>class="keyword">html" title=class>class=html" title=class>class="string">"x-toolbar" style=html" title=class>class="string">"border-width:0 1px 1px; thtml" title=ext>ext-align:right; width:150px; position:absolute; right:0px;left:auto; top:2px; "><div id=html" title=class>class="string">"lib-bar-inner">
html" title=class>class=""><span>Theme:</span>
html" title=class>class="alt"><select id=html" title=class>class="string">"html" title=ext>exttheme">
html" title=class>class=""><option value=html" title=class>class="string">"default">Ext Blue</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"gray">Gray Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"black">Black Theme</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"green">Green Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"calista">Calista Theme</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"darkgray">Darkgray Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"indigo">Indigo Theme</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"midnight">Midnight Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"olive">Olive Theme</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"pink">Pink Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"purple">Purple Theme</option>
html" title=class>class="alt"><option value=html" title=class>class="string">"slate">Slate Theme</option>
html" title=class>class=""><option value=html" title=class>class="string">"slickness">Slickness Theme</option>
html" title=class>class="alt"></select></div></div>

div>

html" title=class>class="bb-code-block"><div id="lib-bar" html" title=class>class="x-toolbar" style="border-width:0 1px 1px; thtml" title=ext>ext-align:right; width:150px; position:absolute; right:0px;left:auto; top:2px; "><div id="lib-bar-inner">
<span>Theme:</span>
<select id="html" title=ext>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行
将
html" title=class>class="bb-code">Ext.getBody().addClass('x-'+theme);
改为
html" title=class>class="bb-code">Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + theme + ".css");

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

div> div> div> <div id="treeSkill">div>