How to add listeners property in Sencha Architect

[Rajesh2u]

Hi Team,
Can I know how can I add the following listeners property in Sencha Architect.
listeners: {
hide: {
fn: function(){ this.destroy(); }
}
}

Regards,
Rajesh

[ssamayoa]

1. Select the component in the project inspector pane.
2. In properties pane locate "Event bindings", press the "+" button, select the desired event ("hide" in your case) and event will be added.
3. Select the new added event then click "Code" button in the canvas pane.

Regards.

[Rajesh2u]

Thank you ssamayoa.
It is working fine.

[Rajesh2u]

Hi ssamayoa,
I have one more doubt. The click/tap event is missing for the panel in Sencha Architect.What event I have to use for tap event for panel?

Regards,
Rajesh

[ssamayoa]

The click/tap event is missing for the panel in Sencha Architect.

I just checked docks and saw no click/tap event for panel in ExtJS nor Touch.

Regards.

[aconran]

You can subscribe to the element's (within the Panel) click or tap event.

[Rajesh2u]

Thank you aconran

[osolano]

Could you explain a little bit further what you mean be subscribe to the Panel's event?

I'm trying to add a listener for a swipe event in Sencha Architect inside of a component, but not sure how to get this to work at all.

I've added a Basic Event Binding on component, listening on the event 'initialize', and then tried to test this with a tap event with the code

component.on('tap',function(){    alert('tap');
});

I'm really trying to detect a left or right swipe and found code like:

component.on('swipe', function(e, node, options) {                                    if(e.direction == "left") {
                                        alert("Hey! I swipe left");
                                    } else {
                                        alert("Hey! I swipe right");
                                    }
                                }

but this doesn't work either. I'm sure i'm missing something very small.