乱云飞渡 11:38:10
第一步：制作一个select可以选择那几个主题呢，在里边我们可以选择这几个主题，嗯，其实就是主题对应css的名称。
<select id="themeSelect">
<option value="default">default</option>
<option value="aero">aero</option>
<option value="vista">vista</option>
<option value="gray">gray</option>
</select>
第二步：为这个select添加监听change事件的函数。
Ext.get("themeSelect").on("change", function(e) {
var v = e.target.value;
if (v == 'default') {
Ext.util.CSS.swapStyleSheet("theme", "");
} else {
Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-" + e.target.value + ".css");
}
});
咱们使用的还是Ext.get()和on()，
乱云飞渡 11:38:10
每次select的值发生修改时，先把主题名传递过来，然后swap吧。你这里也看到咱们是怎么拼这个文件名的。
第三步，给html添加上个空的css标签，以备后用，这个东西现在虽然是空的，等到调用swap函数的时候就会乱变了。
<link id="theme" rel="stylesheet" type="text/css" href="" />
posted on 2008-10-29 15:32
紫蝶∏飛揚↗ 阅读(3669)
评论(0) 编辑 收藏