Меню в ExtJS представлено классом Ext.menu.Menu Составим небольшой пример
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
Ext.onReady(function(){ //Сначала создаем меню var myMenu = Ext.create('Ext.menu.Menu', { items: [{ text: 'Delphi', handler: function(){alert('Выбран Delphi');} //<< Тут же пишем обработчики },{ text: 'Javascript', handler: function(){alert('Выбран JavaScript');} },{ text: 'PHP', handler: function(){alert('Выбран PHP');} }] }); //Далее создаем панель со splitbutton и внедряем меню Ext.create('Ext.panel.Panel', { title: 'Панель с меню', width: 200, height: 150, renderTo: Ext.getBody(), tbar: [{ // тулбар с меню xtype: 'splitbutton', text: 'Choose language', // кнопка с выпадащим меню menu: myMenu }] }); }); |