Hybrid View

  1. #1
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default Answered: Ext equivalent to the jQuery method .live()

    Answered: Ext equivalent to the jQuery method .live()


    Does such a thing exist or will I need to roll my own?

    http://api.jquery.com/live/

    Description: Attach an event handler for all elements which match the current selector, now and in the future.

  2. You achieve it by using the delegate option:

    http://docs.sencha.com/ext-js/4-1/#!...od-addListener

    Code:
    Ext.getBody().on('click', function(){
        console.log('You clicked foo');
    }, null, {
        delegate: '.foo'
    });

  3. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,657
    Answers
    433
    Vote Rating
    584
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    You achieve it by using the delegate option:

    http://docs.sencha.com/ext-js/4-1/#!...od-addListener

    Code:
    Ext.getBody().on('click', function(){
        console.log('You clicked foo');
    }, null, {
        delegate: '.foo'
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #3
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default


    Had not seen the delegate argument, that is perfect - thanks!

  5. #4
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default


    Actually, one more quick question - delegate refers to a DOM selector, is there an option or a way to have delegate use ComponentQuery instead?

    It would be easy enough to bake that myself, just asking if it's already built in.

  6. #5
    Ext JS Premium Member
    Join Date
    Jun 2009
    Location
    Eastern WA, US
    Posts
    78
    Vote Rating
    0
    jnicora is on a distinguished road

      0  

    Default


    Is this alos a viable solution?

    Code:
    	        	Ext.util.Observable.observe(Ext.util.Observable);
    	        	
    	        	Ext.util.Observable.on('click', function(context, event, options) {
    		        	// intercept here
    	        	});

  7. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,657
    Answers
    433
    Vote Rating
    584
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    The equivalent to live would be the controller in the MVC structure.

    Otherwise, you could instantiate the EventBus yourself.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1