JavaScript
Run Code
Open in Fiddle
Ext.define('MyContainer', { extend: 'Ext.Container', xtype: 'mycontainer', controller: 'mycontroller', items: { xtype: 'button', text: 'Open Menu', handler: 'openMenu' } }); Ext.define('MyController', { extend: 'Ext.app.ViewController', alias: 'controller.mycontroller', init: function () { var me = this; me.menu = Ext.create({ xtype: 'actionsheet', side: 'left', closeAction: 'hide', items: [ { xtype: 'menu', floated: false, autoHide: false, items: [ { text: 'Foo', scope: me, handler: 'close', listeners: { focusenter: function (me) { console.log(me.getText() + ' has focus!'); } } }, { text: 'Bar', scope: me, handler: 'close', listeners: { focusenter: function (me) { console.log(me.getText() + ' has focus!'); } } } ] } ] }); }, openMenu: function () { this.menu.show(); }, close: function () { this.menu.close(); } }); Ext.application({ name : 'Fiddle', launch : function() { Ext.create('MyContainer', { fullscreen: true }); } });