ExtJS學習大綱

這裏簡單羅列下關於ExtJs的學習框架，以供參考。

API使用 SDK安裝項目

1. 首先在C盤裝sencha cmd
2. https://www.cnblogs.com/eshinex/p/4617554.html
3. 下載sdk包
4. 用sdk方式創建項目

https://blog.csdn.net/u010989191/article/details/52658430

sencha -sdk SDK路徑 generate app --ext -modern 項目名  項目路徑

 

基礎控件與佈局

控件的基礎使用：

1. Ext.Viewport
2. Ext.create/widget
3. Ext.define + {}

1.容器類

1. Container容器
2. Panel
3. tabpanel

2.容器內元素佈局

layout在線demo：ExtJs佈局

3.基礎控件

1. Button
2. Field
   1. Text
   2. Select
   3. Combox
   4. Radio

4.浮動層

1. Dialog
2. Sheet
3. toast

元素選擇器

1. lookup 引用選擇器
2. down 子代選擇器
3. up父級選擇器
4. getCmp id選擇器

樣式使用

         外部scss語法

         內部style使用

高級控件

1. Grid
2. List
3. sheet控件
4. Store
5. Model

事件綁定與MVC

listeners與fireEvent

雙向綁定viewModel與evntedConfig

雙向綁定與頁面多態應用 規範

         一個頁面既有新增態又有編輯態

1. viewModel的聲明
2. 如何用控件關聯——bind
3. 動態獲取值和變更值 get  set方法，lookupViewModel 和getViewModel區別

模板使用

Store的高級用法與ajax

路由(自學部分)

講解：https://blog.csdn.net/qq_39497186/article/details/78330699

https://blog.csdn.net/oscar999/article/details/85266325

Demo: https://download.csdn.net/download/zyd45/10407739?utm_source=bbsseo

交互類提示和響應

         比如哪些操作後，會反饋哪些消息

        

調試器裏查找信息

命名規範

https://blog.csdn.net/lovelyelfpop/article/details/83859314