1. 程式人生 > >Ext選單器件相關類層次結構分析

Ext選單器件相關類層次結構分析

在Ext中,選單器件(Menu Widgets)是通過幾個類的聯合來使用的,這些類包括:Ext.Toolbar、Ext.menu.Menu、Ext.menu.Item、Ext.menu.CheckItem,以及一些特殊型別的選單或選單項,比如選單Ext.menu.DateMenu、選單項Ext.menu.ColorItem。

構成選單器件的這些類在選單中的層次結構如下:
[img]http://qinysong.iteye.com/upload/picture/pic/4685/735a0dde-aa2d-41f5-baf4-5e556d892649.gif[/img]

下面對一些類進行具體說明:
1、Ext.Toolbar
該類表示一個選單條,構建函式接受兩個引數,第一個是指定toolbar的容器(contrainer);第二個引數是包含全部按鈕的陣列。大體如下:
new Ext.Toolbar('toolbar', [menuItem1, menuItem2]),這樣選單條就包含於頁面元素toolbar中,且選單條包括兩個選單項,如下:
[img]http://qinysong.iteye.com/upload/picture/pic/4686/a4382ef2-45ab-4168-bb12-2777d32edfb8.gif[/img]

2、Ext.menu.Menu
該類表示一個選單,包含選單標識id和選單中所含的選單項,建構函式如下
var menu1 = new Ext.menu.Menu({
id: 'firstmenu', // the menu's id we use later to assign as submenu
items: [{
text: 'An item',
handler: clickHandler
},
new Ext.menu.Item({
text: 'Another item',
handler: clickHandler
})
]
});
這裡構造了選單menu1,標識為firstmenu,這個選單包含兩個普通的選單項。

3、Ext.menu.Item
該類表示一個選單項,選單項包括一些屬性,如上面的text和handler,根據不同選單項型別,屬性的使用略有不同,最基本的包括文字內容text和事件處理器函式handler/ checkHandler,具體請參考Ext 的API文件。

4、Ext.menu.CheckItem
一種可選的選單項,從Ext.menu.Item繼承而來,表示可選的選單項。

5、Ext.menu.DateMenu
特定的表示時間的選單,從Ext.menu.Menu繼承而來

6、Ext.menu.ColorItem
特定的表示顏色選擇的選單項集合,可直接作為Menu建構函式中的items屬性值。

具體使用請參考Ext中文網站中的
學習EXT第三天:EXT:Menu元件[url]http://www.ajaxjs.com/yuicn/article.asp?id=20075196[/url]