1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    20
    Vote Rating
    1
    Rajesh2u is on a distinguished road

      0  

    Default How to add listeners property in Sencha Architect

    How to add listeners property in Sencha Architect


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

    Regards,
    Rajesh

  2. #2
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,305
    Vote Rating
    108
    ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice

      1  

    Default


    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.
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  3. #3
    Sencha User
    Join Date
    Nov 2012
    Posts
    20
    Vote Rating
    1
    Rajesh2u is on a distinguished road

      0  

    Default


    Thank you ssamayoa.
    It is working fine.

  4. #4
    Sencha User
    Join Date
    Nov 2012
    Posts
    20
    Vote Rating
    1
    Rajesh2u is on a distinguished road

      0  

    Default


    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

  5. #5
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,305
    Vote Rating
    108
    ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice ssamayoa is just really nice

      0  

    Default


    Quote Originally Posted by Rajesh2u View Post
    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.
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  6. #6
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,359
    Vote Rating
    128
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      1  

    Default


    You can subscribe to the element's (within the Panel) click or tap event.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  7. #7
    Sencha User
    Join Date
    Nov 2012
    Posts
    20
    Vote Rating
    1
    Rajesh2u is on a distinguished road

      0  

    Default


    Thank you aconran

  8. #8
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    28
    Vote Rating
    0
    osolano is on a distinguished road

      0  

    Default


    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

    Code:
    component.on('tap',function(){    alert('tap');
    });
    I'm really trying to detect a left or right swipe and found code like:

    Code:
    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.