Custom event with more than one parameters : Event « Ext JS « JavaScript DHTML






Custom event with more than one parameters

 


<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 Component =  Ext.extend(Ext.util.Observable, {
    constructor : function() {
      Component.superclass.constructor.call(this);
    }
  });
  
  var myComponent = new Component();
  
  myComponent.on('sayGoodbye', function(firstName, lastName) {
     alert('Goodbye ' + firstName + ' ' + lastName);
  });
  
  myComponent.fireEvent('sayGoodbye', 'first', 'last');

    
    

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

   
  








Related examples in the same category

1.Create instance of Ext.util.Observable, add event handler and fire event
2.Use function as an event handler
3.Remove event Listener
4.Unbind the action to the event handler