本文目錄一覽：
學習extJS之前，應該具備什麼基礎
學習extJS之前，應該具備 基本的 javascript 基礎 至少要懂得 基本數據運算
各種循環, 和輸出命令 適應並理解 各種對象操作的格式
extjs是什麼啊
ExtJS是一個Ajax框架，是一個用javascript寫的，用於在客戶端創建豐富多彩的web應用程序界面。ExtJS可以用來開發RIA也即富客戶端的AJAX應用。因此，可以把ExtJS用在.Net、Java、Php等各種開發語言開發的應用中。
ExtJs最開始基於YUI技術，由開發人員JackSlocum開發，通過參考JavaSwing等機制來組織可視化組件，無論從UI界面上CSS樣式的應用，到數據解析上的異常處理，都可算是一款不可多得的JavaScript客戶端技術的精品。
Ext的UI組件模型和開發理念脫胎、成型於Yahoo組件庫YUI和Java平台上Swing兩者，並為開發者屏蔽了大量跨瀏覽器方面的處理。相對來說，EXT要比開發者直接針對DOM、W3C對象模型開發UI組件輕鬆。
如何學習Extjs
一個偶然的機會，我發現了ExtJS框架，第一次看到其創建出來的效果時，簡直興奮死我啦，呵呵，沒想到還有這麼漂亮的UI控制，但使用起來卻感覺不太爽，其一大缺點就是所帶的類庫太龐大啦，會比較影響速度，而且幫助文檔全部是英文，英文的也還好啦，更重要的是其文檔並沒有相關的例子，只是列出來使用參數，讓人很難掌握，只好去他們的官方論壇到處問人，鬱悶！
不過還好，外國人一般都比較熱情，基本上問的問題都有人會給我答覆，呵呵
在幫朋友做的一個網站里，我就開始了大量使用了EXTJS框架，雖然其類庫文件是很大，不過感覺能做出這種效果的話，這點犧牲還是值得的
為了不讓自己很快又忘記，所以還是決定在這裡寫下一點東西，以後也比較方便查找，如果其中有寫錯的地方，請大家及時指正哦，謝啦！
先說說EXTJS的自定義函數吧，以下語句可創建一個函數：
Ext.Login=function(){
function IsLogin(){
}
return{
init:function(){
IsLogin();
},
Login:function(){
}
}
剛開始時讓我比較鬱悶的是這種JS里的函數調用機制，以上代碼里，將創建一個名為Ext.Login()的對象，應該相當於一個類的意思吧，然後可在其裡面寫其他相關的方法
在return里的為公有方法，這裡面的方法可給外部程序調用（如在HTML文件里用），而在return以外的代碼是其私有方法，只能在Ext.Login()這個對象里調用
如需要在其他頁面調用裡面的Login()方法，可直接寫
input id=”login” onclick=”Ext.Login().Login()” /
如果需要在頁面加載時就調用，一般只需直接用EXTJS里的方法即可實現：
Ext.onReady(Ext.Login.init, Ext.Login);
這裡的函數名並不需要加括號，第一個參數是要調用的方法，第二個是作用域，一般寫此對象名即可
OK，關於基本的函數使用調用要注意的差不多就這些吧，之後再寫寫對AJAX的運用。
誰能分享下學習extjs的心得體驗
實踐是認識的基礎，在Extjs的Examples中，按照他例子給出的js，自己嘗試寫幾個常用的如window、panel、grid、tree等等之類的例子。最後結合起來，邊寫的時候邊根據API了解其中屬性對應的含義。 最後把所有的例子整合成一個小型的功能，進行測試看看有沒有什麼錯誤、衝突。
等全部搞定了，基本就已經會Extjs的基礎用法了。接着反覆實踐就可以了。
轉：新手如何學習ExtJS 4
最近運營ExtJS交流群的時候，感觸頗深，我感覺作為一個老手，我有必要介紹一下如何學習這種基礎性問題。新手如何學習ExtJS4？如何入門ExtJS4？如何快速學習ExtJS4？1.仔細閱讀新手教程新手教程是指ExtJS官方文檔中Guides那一系列文章，因為是英文的，新手閱讀起來可能有障礙，為此我特意翻譯了這一系列教程，根據使用頻度我已經差不多把最常用到的教程翻譯完了，後續還將繼續翻譯。
通讀這一系列教程後，你會對ExtJS的基本使用方法有個框架性的了解，你會大體上知道如何實現常用功能。現在我把所有已翻譯的教程列舉在此，記住，認真的讀一定對你有幫助。ExtJS 4 入門ExtJS 4 類系統(Class System)介紹ExtJS MVC架構講解ExtJS 4 布局和容器ExtJS 4 組件詳解ExtJS 4 數據(包)詳解ExtJS 4 Grids 詳解ExtJS 4 表單ExtJS 4 樹2.把官方文檔中的所有Demo都瀏覽一遍做這個事情是為了了解官方Demo中實現了哪些功能，當自己要做一個功能時，有例子照着做是最快的，瀏覽一遍就會對現有的Demo有個大概印象，當你沒有頭緒的時候你的大腦會在後台查找之前的印象的，仔細瀏覽一遍，沒有錯。3.熟讀API Docs(API文檔)最近遇到很多人問問題，把一段自己想當然寫出來的代碼貼上來問為什麼不對，事實上你仔細查一下API文檔就知道，你這種用法ExtJS根本就不支持，當然不對。
使用搜索的好處是：通常可以較快速的解決一些無頭緒的問題
學習EXTJS
呵呵，樓主和我剛學ExtJS的時候一樣的。確實剛開始學有點難度。但是那是在你沒有足夠的了解到EXTJS的強大之前才有的想法。
“但是EXTJS頁面上大部分的元素布局都是靠JS來實現的..如果用戶把JS關閉了.那麼頁面等於什麼都沒有…這也是我一直沒有去學EXTJS的其中原因之一,”
我不太支持樓主的這句話。想問下，現在有哪些網站沒用JS的，靜態頁面？
總結一下我學ExtJS的經驗：
1、一個好的學習環境，（當初我是在進公司的時候自學的，因為公司要用到這個技術，所以給了我壓力）
2、一本好的API（推薦英文版的，因為想要獲得最新的IT技術，你就必須得懂英文）
3、網絡環境（可以供你查閱相關資料，當然不是任何問題就百度，那樣你會退步）
4、有閱讀源碼的習慣（源碼里有各種代碼的寫法，以及如何做到組件的重用等等。。）
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/279885.html
微信掃一掃 
支付寶掃一掃 