Sencha touch sidebar extension (only hide and not destroy)

Based on ext. UX. menubutton is transformed. Unlike menubutton, it does not destroy the sidebar every time, but simply hides it. There is no difference in attribute configuration. Each time you click the button to display it, The showmenu event/method will be triggered.

The Code is as follows:

/*** Hide only the sidebar that is not destroyed * @ private */Ext. define ('ux. menu. context', {extend: 'ext. button ', requires: ['ext. UX. contextmenu '], config: {menuitems: [], menuside: 'right', menucover: false, menucls: NULL, listeners: {tap: 'ontap'}, initialize: function () {var me = This; me. $ menu = ext. create ('ext. UX. contextmenu ', {CLS: me. getmenucls (), items: me. getmenuitems (), listeners: {scope: me, hide: function () {Ext. viewport. hidemenu (Me. getmenuside () ;}}}); me. $ menu. on ({scope: me, TAP: me. onmenubuttontap, delegate: 'button '}); Ext. viewport. setmenu (Me. $ menu, {side: me. getmenuside (), cover: me. getmenucover ()}); me. callparent (arguments) ;}, ONTAP: function (e) {This. fireaction ('showcall', [this], 'showcall'); Ext. viewport. showmenu (this. getmenuside () ;}, onmenubuttontap: function (button) {Ext. viewport. hidemenu (this. getmenuside ());}});

For more information, see the official BlackBerry example.

: