ExtJS之基本概念、環境搭建

1、基本概念web


ExtJS 簡介瀏覽器

  - ExtJS 是一個兼容各瀏覽器的純 JavaScript 應用程序框架,使用它能夠建立最佳跨平臺互聯網應用程序架構

wKioL1cE9EfAoNqaAAGz2BKBRXc255.png



爲何 ExtJS 緣由框架

wKioL1cE9HvwwUfmAABFcH3EaXM935.png


2、環境搭建ide


目錄結構佈局

  - 推薦下面這種目錄結構spa

wKioL1cE9Mmz_kE6AACC1jX_sCQ851.png


使用ExtJS3d

wKiom1cE9DqQGLsbAABrEci4Vek941.png


動態加載component

wKiom1cE9JqTeGX0AAELPACYrS8393.png


引入庫的方法orm

wKioL1cE9V7wNL91AAEiJMuxpQ4601.png


發佈

wKiom1cE9P_zSYKmAACsf4uOzN8587.pngwKiom1cE9Raw8DH_AAAgxcH2AFg792.pngwKioL1cE9f-ifiAkAANKDE3pSqI418.png


Containers容器

wKiom1cE9YPhqQt3AAHkq3InSj0376.png


Panel

wKioL1cE9lGh_x0_AAEZKY0mxq4391.png


Layouts佈局

wKiom1cE9cSxWYVpAAFEzPe6Ydg616.png


佈局系統如何工做

wKioL1cE9pLwf4BBAAPYWTLR_gM365.png


組件component

wKiom1cE9gajwUA8AAGxf7RRKqE308.png


別名和延遲初始化

wKioL1cE9tKA2DDfAAGrPDdwOeU325.png


顯示和隱藏

wKiom1cE9j-AFoSSAADTuW--iic236.png


浮動組件

wKiom1cE9lyS9VgKAAF_jGxsFCI050.png


數據

wKiom1cE9ojybssDAAFsy3MZ3rQ916.pngwKiom1cE9p-DpTL2AAFy7178pJc052.png



模型和存儲(Model & Stores)

wKioL1cE93Hyb_VhAAJyWOuQ1Wk310.pngwKiom1cE9uWB-PChAAJocd7T9Ko341.png


建立一個模型 Model

wKiom1cE9wOxUgvCAAD_YtCmwRY685.png


建立一個存儲Store

wKiom1cE9zPTZjUZAAIuSx81TEY695.pngwKioL1cE-AGzBRBWAAG6RCMdDbI177.png


Grids 表格

wKiom1cE93DzAmWRAADc5jIMURE618.png


Tree 樹組件

wKiom1cE-DqQjUf0AAFbJnKwXPE219.png


樹組件經常使用配製

wKiom1cE-MqBlJGnAABAp7JUSYs394.png


Form表單控件

wKiom1cE-O7AK3pxAAEy3n4VGbw167.png


Field 類型

wKioL1cE-brDUxugAAB4XuJhXaQ363.png


校驗

wKiom1cE-Umg13t_AADj-eLnPlU627.pngwKioL1cE-hCiyyZnAACBUPaXl9Y764.png


處理數據

wKiom1cE-lyRSBFBAABxmq9RWhc665.png


佈局

wKioL1cE-6jgDjYLAAB3IXrgP9I951.png


MVC架構

wKiom1cE-xiSinMAAAEdwbNVH2w932.png


文件結構

wKiom1cE-0CxEFKkAAEpGvhb4AQ942.png


Chart圖表

wKioL1cE_BzgC8GkAALfRhDgMgM252.png


總結:本章內容主要介紹了 ExtJS 基本概念、環境搭建

相關文章
相關標籤/搜索