让ExtJs 2.02的例子也支持换肤

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

<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");

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

评论

我就是按照这么做的

我就是按照这么做的,examples.js 也是直接从你的网站上 下载下来的,只是地址我做了调整
写成了这个Ext.util.CSS.swapStyleSheet("theme", "/extjs/resources/css/xtheme-" + theme + ".css"); extjs是我的根目录
但还是不行啊,不知道怎么办了 5_5

但是为什么关闭了ie,

但是为什么关闭了ie,再开皮肤就还是蓝色的,好像cookie没用啊

测试是否可以访问

测试是否可以访问:
http://localhost/extjs/resources/css/xtheme-gray.css

多谢斑竹的耐心解答

多谢斑竹的耐心解答,我想是我的路径搞错了,一开始我是直接在ext源文件上改的(呵呵,估计是自己哪里整错了,目前还没找到原因 @——@), 现在我把它部署到eclipse中之后,就可以了, 再次感谢

没做出来,应该不是路径的错误

没做出来,应该不是路径的错误