Use function as an event handler : Event « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Event

Use function as an 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');
});
</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.Remove event Listener
4.Unbind the action to the event handler