Results 1 to 5 of 5

Thread: ExtJs Button - onBlur event

  1. #1

    Question ExtJs Button - onBlur event


    I want to run a code-block when the Button loses focus. Is there any onBlur event defined for ExtJs Button. I have checked the documentation, but didn't find any onBlur event.

    Does that really exists or is there any workaround to implement the same?


  2. #2
    Sencha User
    Join Date
    Dec 2010


    check mouseout

  3. #3
    Sencha User fay's Avatar
    Join Date
    Apr 2007


    You need to be looking at the events of the underlying btnEl. For example, in \examples\form\dynamic.js, give the 'Save' button an id ('save-simple') and the following will work for you:

    Ext.getCmp('save-simple').btnEl.on('blur', function()
     // whatever you need to do  

  4. #4


    Quote Originally Posted by varunach View Post
    check mouseout
    This method wont work. Because, the mouseout event will fire, whenever we move the mouse out of the Button, irrespective of whether we've selected the button or not. In fact, Blur is a kind of event which fires, whenever the element (Button) loses its focus. That means, the focus have been shifted to any other element.


  5. #5


    Hello fay,
    That's a nice trick.
    It worked

Similar Threads

  1. Html Editor onBlur event
    By mjaomaha in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 28 Oct 2009, 8:12 AM
  2. onBlur Event?
    By lazyMan in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 8 Oct 2008, 10:38 AM
  3. Issue with onblur event
    By Muruga in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 27 Apr 2008, 10:30 PM
  4. Cancel onBlur Event
    By lvanderree in forum Ext 2.x: Help & Discussion
    Replies: 12
    Last Post: 11 Jan 2008, 11:26 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts