Use Ext.extend to create new class : Ext « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Ext

Use Ext.extend to create new class

 <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() { this.addEvents('myEventName'); Component.superclass.constructor.call(this); } }); var myComponent = new Component(); myComponent.on('myEventName', function() { alert('hello'); }); myComponent.fireEvent('myEventName'); }); </script> <div id='div1'>asdf</div> </body> </html>








Related examples in the same category

1.use Ext.get() to get a html tag
2.Extend Ext.util.Observable to create new class
3.Add custom event and event handler to a class and fire that event
4.Call render method to render to body
5.Ext.getBody().createChild({tag: 'h2', html: 'html value'});
6.Call Cold Fusion Component and pass in parameter
close