Remove event Listener : Event « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Event

Remove event Listener

 

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {


    var myComponent = new Ext.util.Observable();
    myComponent.addEvents('myEventName');
    
    
    var handlerFn = function(firstName, lastName) {
        alert(firstName + ' ' + lastName);
    }    
    myComponent.on('myEventName',handlerFn);


    myComponent.fireEvent('myEventName','asdf','adsf');
    
    
    myComponent.removeListener('myEventName', handlerFn);

});
</script> 
<div id='div1'>asdf</div>
</body>
</html>








Related examples in the same category

1.Custom event with more than one parameters
2.Create instance of Ext.util.Observable, add event handler and fire event
3.Use function as an event handler
4.Unbind the action to the event handler