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,323
    Vote Rating
    186
    ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold

      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,323
    Vote Rating
    186
    ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold ssamayoa is a splendid one to behold

      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,399
    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.