extjs mvc結構實踐 三 完善基本頁面

2021-09-14 03:54:32 字數 1199 閱讀 1745

上篇實現了基本的**架構,控制器動態載入功能以及乙個基礎的頁面布局,本節開始,將陸續完善這個頁面。
如前所述,我們的頁面包含這麼幾個區域:

接下來逐個定義每個區域的內容。

ext.define('luter.view.main.header', ,

initcomponent: function () , ,

text: '這裡是系統標題'

}];me.callparent();

}});

background-color: #2a3f5d;

border-bottom: 2px solid #1d9ce5;

} -webkit-box-shadow: 0 1px 2px rgba(0, 0, 255, 0.8);

-moz-box-shadow: 0 1px 2px rgba(0, 0, 255, 0.8);

box-shadow: 0 1px 2px rgba(0, 0, 255, 0.8);

}.circle-pic

.home-body

ext.define('luter.view.main.footer', ,

frame: false,

border: false,

height: 30,

initcomponent: function () ,

flex: 3,

id: 'southtext',

}, '->', ext.create('luter.ux.trayclock',

})]});

me.callparent(arguments);

}});

頭部和底部定義完畢後,需要在viewport中引入對應位置。如下:

/**

* 主檢視佔滿全屏是個viewport

*/ext.define('luter.view.main.viewport', , , , ]

});me.callparent(arguments);

}});

至此,介面大致看起來應該像這樣:

ExtJS MVC的搭建(三)

3.1 在上面顯示的頁面中,大家可以看到左邊的導航沒有選單選項,因此就不夠名副其實了,下面我們新增樹形選單 還是在檢視中建立mymenutree.js,如下 store ext.create ext.data.treestore ext.define fly.view.mymenutree 因為資料...

課程實踐 小學生考試系統完善

做乙個小學生考試系統,功能包括 1 利用隨機數出 10道加法題 2 小學生使用者答題給出每道題的答案 3 對小學生的答題進行評判 4 計算出小學生答題正確率。可實現四則運算,可判斷學生是否及格及獎品發放 include include include int main else printf 錯誤!...

「三項考試」不夠完善

今天參加了浙江省2009年高考 三項考試 的巡視工作,休息期間與不少老師和校級領導談起新高考改革的利與弊,聽到了許多非議的聲音,看來新高考方案的實施,注定要經受一番磨難和修正。新高考方案好的方面還是有的,我就不說了,非議主要來自於幾個方面 一是選考科目難度設定不合理,今年考生選考 通用技術 的大大多...