javascript - sencha touch hide and show a component on tab of a button -
i have created app views , there list button on top left corner display , hide list on tap event. how able hide on tab don't know how display again. default should hidden on tap of button should hide , show self depending on current property.
iconcls: 'list', iconmask: true, ui: 'plain', handler: function() { ext.getcmp('ext-listnavigation-1').hide(); }
and list view code
ext.define('ov_app.store.navigationitems', { extend: 'ext.data.store', config:{ model: 'ov_app.model.items', data:[ { items:"services"}, { items:"solutions"}, { items:"about us"}, { items:"why singapore"}, { items:"contact us"} ] } });
the user inter phase looks
as can see hide , show (services,solution, etc.. ) on tap of list button above list.
var list = ext.getcmp('ext-listnavigation-1'); if (list.ishidden()) { list.show(); } else { list.hide(); }