Ext菜单器件相关类层次结构分析

在Ext中，菜单器件（Menu Widgets）是通过几个类的联合来使用的，这些类包括：Ext.Toolbar、Ext.menu.Menu、Ext.menu.Item、Ext.menu.CheckItem，以及一些特殊类型的菜单或菜单项，比如菜单Ext.menu.DateMenu、菜单项Ext.menu.ColorItem。

构成菜单器件的这些类在菜单中的层次结构如下：


下面对一些类进行具体说明：
1、Ext.Toolbar
该类表示一个菜单条，构建函数接受两个参数，第一个是指定toolbar的容器（contrainer）；第二个参数是包含全部按钮的数组。大体如下：
new Ext.Toolbar('toolbar', [menuItem1, menuItem2])，这样菜单条就包含于页面元素toolbar中，且菜单条包括两个菜单项，如下：


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组件http://www.ajaxjs.com/yuicn/article.asp?id=20075196