veiwport代表整個瀏覽器顯示區域，該物件渲染到頁面的body區域，並會隨著瀏覽器顯示區域的大小自動改變，乙個頁面中只能有乙個viewport 例項。下面我們在view資料夾中建立viewport.js檔案，然後新增如下**：
1ext.define('demo.view.viewport', ,, ]
26});
在viewport中我們用border的布局方式將整個網頁分為三個部分：頭部（north）、左部（west)、主題部分（center）。
1ext.define('demo.controller.democontroller', );
在控制器中我們通過views配置項，將所需檢視載入到控制器中。現在我們通過瀏覽器就可以對專案進行檢視了，檢視效果如下：
至此，我們對網頁的布局就算是完成了，希望對大家有所幫助。下一講我們將講解樹形選單的實現。
ExtJS4的MVC模式例項
mvc模式，想必大家都很清楚。model view controller。extjs在4.0以後也開始引入了mvc模式，程式的結構也就變得規範。開發者可以利用mvc的設計模式規劃了開發流程。下面的乙個mvc模式的小例子。在demo資料夾裡就是extjs的mvc架構。先來看介面。這裡由於是演示。我們使...
Extjs 角角落落整理（一）MVC模式
extjs 角角落落整理 一 mvc模式 extjs的mvc結構 controller model store util view index.html controller放置ext的控制器，處理業務 model放置一些模型，這個與下面的store是關聯的 要在contoreller定義 stor...
Extjs學習筆記 （二）
1.配置實用extjs extjs resources css ext all.css rel stylesheet 注 bootstrap.js的作用是用於 自動載入ext all debug.js或者ext all.js 如果實用localhost或者ip的話，將啟動ext all debug，...