Unbind the action to the event handler : Event « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Event

Unbind the action to the event handler

 


<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.un('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.Remove event Listener