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 的朋友有所帮助