Ext应用四 -- Toolbar & Menu

Ext应用四 -- Toolbar & Menu

 

Ext.onReady( function () {
 Ext.QuickTips.init();
    
    var tb = new Ext.Toolbar();
    tb.render('toolbar');
    
    var menu = new Ext.menu.Menu({
        id: 'mainMenu',
        items: [
            {
                text: 'Logout',
                handler: Document_onLogout
            }
        ]
    });
    
    tb.add({
            text:'Main Menu',
            iconCls: 'blist',  // <-- icon
            menu: menu  // assign menu by instance
        }
    )
}

以上是一个简单的toolbar 及一个下拉按钮。

1、声明一个toolbar
2、定义一个菜单及按钮
3、把菜单添加到toolbar上面。

注： handler: Document_onLogout  是点击这个菜单项时调用这个js函数。