ExtJs 继承 和 插件 示例

 Ext.ns('Ext.ux');

 function btn(){
     alert(this.id);
 };
 var panel_plugs = {//定义插件
     init : function(panel){
         panel.width = 600;
         panel.height = 300;
         panel.title = '测试';
         panel.tools = [{id:"maximize ",handler:btn},{id:"minimize ",handler:btn},{id:"close ",handler:btn}];
     }
 };

---

方法一：

 Ext.MyPanel = function(){
             //Ext.MyPanel.superclass.initComponent.call(this);
             Ext.MyPanel.superclass.constructor.call(this,{
                 id : 'div_ext',
                 title : 'ceshi',
                 width : 600,
                 height : 300,
                 renderTo : 'div1',
                 tbar : [{text:"1"},{text:"2"},{text:"3"}]
             })
 };
 Ext.extend(Ext.MyPanel,Ext.Panel,{
         plugins : panel_plugs
 });

---

方法二：

1 Ext.MyPanel = Ext.extend(Ext.Panel,{

         id : 'div_ext',
         title : 'ceshi',
         width : 600,
         height : 300,
         renderTo : 'div1',
         tbar : [{text:"1"},{text:"2"},{text:"3"}],

         plugins : panel_plugs
 //        constructor : function(){
 //            Ext.MyPanel.superclass.constructor.call(this);
 //        },
 //        initComponent : function(){
 //            Ext.MyPanel.superclass.initComponent.call(this);
 //        }
 });

---

运行代码：

 Ext.reg('mypanel',Ext.MyPanel);

 Ext.onReady(function(){
     new Ext.MyPanel();
 })

---

结果图：