亂云飛渡 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
紫蝶∏飛揚↗ 閱讀(3675)
評論(0) 編輯 收藏