uniGUI學習之脫離Delphi直接寫ExtJS從入門到精通02(46)
https://www.w3cschool.cn/extjs/
<link rel="stylesheet" href="theme-graphite-all.css"> <script src="ext-all.js"></script> <script> Ext.onReady(function() { Ext.create('Ext.Panel', { renderTo: 'helloWorldPanel', height: 200, width:600, title: 'Hello world', html: 'First Ext JS Hello World Program' }); }); </script> <body> <div id="helloWorldPanel" /> </body>
ExtJs學習（一）~~ 簡述概念https://blog.csdn.net/xiaozhegaa/article/details/82811061
1、什麼是ExtJs？ What
ExtJS是一個Ajax框架，是一個用JavaScript寫的，用於在客戶端建立豐富多彩的web應用程式介面。
說白了，就是基於JavaScript開發的元件庫，這個元件庫提供非常多的元件，我們直接使用這些元件就可以搭建出豐富多彩的應用程式介面。
2、為什麼要用ExtJs? 優點缺點 Why
優點：瀏覽器相容好、提供精美的UI元件、不再需要我們去寫Css樣式即可開發出精美的頁面。
缺點：有點重量級、載入速度慢、收費是很致命的，在ExtJS6.X中，沒有免費使用的社群版，都是要收費，這點非常致命。文件是英文的，雖然ExtJs4.x有中文翻譯，有時候還得參考英文文件理解，有點致命。
上面大概記住即可，以後問到，能轉化成自己的語言簡單描述出來即可。在我的部落格中，大部分概念的都是儘量轉化成容易理解的語言，讓大家更好理解，個人描述不是很準確，請見諒。如果想看官方的，自己百度一下：“ExtJs的優缺點”，就會出現一大篇文章。
3、怎麼使用ExtJs? How
給大家推薦的學習方法：
對於ExtJs的國內視訊都比較簡單，介紹常規元件的使用方式，稍微有點開發經驗的都可以跳過，不建議觀看。那如果剛入門的程式設計師，或者是專門做前端的，實在是理解不了這種元件的寫法的話，還是可以去看看視訊。
我這裡非常推薦檢視官網文件：
官方文件地址：http://extjs.org.cn/
Ext 4.x版本的中文文件：http://extjs-doc-cn.github.io/ext4api/#!/api
稍微解讀一下api (專門給零基礎的小白)
左邊是各種元件
右上角是元件搜尋框，直接可以在這個搜尋框裡面查詢所有的元件。因為它是一個基於Ajax單頁面系統，非常方面
其實左邊元件，從名字來說，非常好的理解。舉個例子來說：
App：針對整個專案元件
button:針對按鈕元件
char：圖表元件
container：容器元件
data：資料來源元件
form：表單元件
grid：表格元件
layout：佈局元件
dialag：彈窗元件
............................
你需要使用到什麼元件，通過全域性搜尋，或者在分類中直接查詢就好了。。這裡拿最關心的form元件來舉例子：
看這兩個元件，感覺還是比較簡答把！基本你看視訊，他也是拿一個元件的各種屬性講解，很難記住，還不如看手冊
Ext元件關係
、
佈局與容器：