Ext简单实现的继承

Ext JS 中窗体继承的简单入门

题记：（刚学习Ext JS 感觉是有点麻烦，主要是其中的一些属性难记，但时间长了 也就好多了，建议新手多多练习）

ExtJS 中最令人头疼的算是 继承的实现了，下面就一个简单的小例子 讲解下:

以下是父类中代码：

// JavaScript Document
Ext.ns("Ext.jk"); //定义命名空间 
	WIN=Ext.jk;  //定义一个别名 方便调用
	WIN.MyWindow=Ext.extend(Ext.Window ,{
		xtype:"window",
		title:"我的窗口",
		width:400,
		height:250,
		buttons:[{text:'确定',render:functin(){
                 alert("我被单击了");
               }}],
        initComponent: function() {
		WIN.MyWindow.superclass.initComponent.call(this);
          this.btn();//初始化时调用的
            },
		btn:function(){ //定义方法
			alert("父窗体被单击了！");
		}
});

以下是子类中的代码:

Ext.ns("Ext.jk"); //
        SHOW=Ext.jk;//定义别名 
        Ext.onReady(function(){ 
            SHOW.show=Ext.extend(WIN.MyWindow,{//继承父类
                    title:"父窗体",   //重写父类的属性
                    buttons:[{text:'取消'}]
        })
            var me=new SHOW.show();//实例化 
            me.show(); //显示窗体 
            });

以上就是 一个简单的 继承的小例子，本人刚学 Ext 没多久 ，小小帮助 希望对刚学习Ext 的朋友有所帮助