對于Extjs來說，大客戶端程序一直很難寫，當你為大客戶端程序添加更多的功能和項目的時候，項目的體積往往迅速增長。這樣的大客戶端程序很難組織和維持?，所以，Extjs4配備了一個新的應用程序體系結構，它能結構化你的代碼。

Extjs4有別于其他MVC架構，Extjs有他自己定義：

1、Model是一個Field以及他的Data的集合，Modes知道如何通過Stores來表示數據，以能用于網格和其他組件。模型的工作很像Extjs3的記錄集（Record?class），通常通過數據加載器（Stores）渲染至網格（grid）和其他組件上邊。

2、View：用以裝載任何類型的組件—grid、tree和panel等等。

3、Controller—用來放使得app工作的代碼，例如?render?views?,?instantiating?Models?或者其他應用邏輯。

其實說白了ExtJS的MVC架構和java等語言的MVC架構都基本相同，基本上工作的人對MVC架構都非常了解。可能有些人對前端MVC有些生疏而已，上圖來說明下問題：

看到這些，可能大家基本上還是沒有什么概念，我個人感覺本篇文章就是要拋磚引玉，讓大家知道原來前端也可以實現MVC，那么實際上，沒有示例來驅動學習是很難說明白ExtJS的MVC架構的。

那么從下次開始，我們就圍繞ExtJS的高級組件展開進行討論，而且基本上都是使用MVC架構來做一些示例，那么即便這次沒怎么理解，以后時間長了，就會理解的。

轉載于:https://www.cnblogs.com/sunyingyuan/p/3686248.html

總結

以上是生活随笔為你收集整理的ExtJS4.2学习(9)——MVC的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。