把**檔案解壓,把css檔案(如xtheme-olive.css)拷貝到extjs的resources目錄下css資料夾裡面:
其實就是在原有的基礎上新增了個xtheme-olive.css檔案。
效果圖:
2.配合cookie實現**換膚
我們的目標:
/* 使用者可以選擇自己的樣式，當下次使用者開啟的**(在cookie的有效期內)的時候，自動讀取cookie，顯示先前選擇的愛好的樣式！*/
我們的原理:
//關鍵點
1.document.getelementsbytagname("link")[1].href//獲取或者設定第二個css檔案的href值
2.var date=new date();//今天的日期
date.settime(date.gettime()+30*24*3066*1000);//30天後的日期
document.cookie="css="+name+"expires="+date.togmtstring();//設定30天後過期的cookies(名稱為css)
3.var cookiesarr=document.cookie.split("");
var css;
for(var i=0i
}//這段**是獲取cookies中想要的名稱為css的cookies，並儲存在變數css中去
4.如果不設定expires的話，會在關閉瀏覽器後cookies失效。
html**:
還原 綠色
灰色 purple
關鍵js**:
function changecss(name)
var cookiesarr=document.cookie.split("");
var css;
for(var i=0i
}
document.getelementsbytagname("link")[1].href="extjs/resources/css/"+css;//讀取並應用css
效果圖(下次開啟瀏覽器還是這樣):
ok，對於extjs的換膚，就聊到這裡，其實覺得預設的**還可以拉，
thanks！
本文**
ExtJs2 0 系列學習
extjs2.0學習系列 14 ext.treepanel之第三式 可增刪改的樹 extjs2.0學習系列 索引貼 extjs2.0學習系列 15 extjs換膚 extjs2.0學習系列 13 ext.treepanel之第二式 extjs2.0學習系列 12 ext.treepanel之第一式 ...
extJs 2 0學習筆記 Ajax篇
一聽到ajax，我與大家一樣，如雷貫耳，都說 ajax框架，事實上，這一部分內容在extjs中是基礎中的基礎，就那個樣。這兒主要是討論一些資料 書本都不會涉及的領域。這些東西平常只能由自己摸索的。在此話題之先，先解決乙個問題，現在用asp.net的人多了，但是，用asp.net ajax並不爽，但是...
extJs 2 0學習筆記 事件註冊總結篇
本來，我也沒把這檔子事放在眼裡，因為簡單，例如 ext.get elem on click 這樣的 誰不會寫啊。乙個on就了結了。但是，今天，我在研究ext.panel的tbar時，發現，那現工具欄按鈕的事件註冊不一樣 元素註冊 元件註冊都是 工具欄按鈕的事件註冊 嘿，我就在想，為什麼ext的作者就...