Question

Okay, so I have the following class definition:

MyApp.views.ItemAction = Ext.extend(Ext.ActionSheet, {
  items: [{
    text: 'cancel',
    handler: function(){
      this.hide();
    }
  }]
});

When I create an instance of ItemAction and show() it, an action sheet appears. Brilliant.

Now my problem: pushing the cancel button will hide the button itself, and not the parent sheet.

How do I solve this?

Cheers

Answer 1

You can also try

handler: function(){
            this.up().hide();
         }

up will navigate up the owner chain. Calling it without any variables will get the immediate owner. But calling destroy is also a good idea since it will remove the sheet from the dom.