ExtJs 继承写法

最新推荐文章于 2017-04-28 15:45:00 发布

原创最新推荐文章于 2017-04-28 15:45:00 发布 · 170 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

extJs

本文介绍了一种使用 ExtJS 框架进行组件继承的方法。提供了两种实现方式：一是通过构造器调用父类构造器并定义 initComponent 方法；二是直接使用 Ext.extend 方法进行扩展。每种方式都展示了如何定义组件属性及方法。

小弟做个笔记，以便后期使用：
1.继承写法


com.wangdl.cn.MyPanel = function(){
    //构造器中调用父类构造，传参
    com.wangdl.cn.MyPanel.superclass.constructor.call(this,{
        title:'hello',
        tbar:[
		{
		text:'adduser',
		handler:this.addUser,
		scope:this//加这一行可以使addUser方法执行的环境发生变化
		}
	]
	});	
};
//通过第三个参数指定调用父类initComponent方法，并在并列的位置定义自己的方法
Ext.extend(com.wangdl.cn.MyPanel,Ext.Panel,{
	initComponent:function(){
		//Ext.apply(this);
		com.wangdl.cn.MyPanel.superclass.initComponent.call(this);
	},
	addUser:function(){
		alert(this.title);
	}
});

2.第二种写法


com.wangdl.cn.MyPanel = Ext.extend(Ext.Panel,{
	title:'test hello',
	initComponent:function(){
		Ext.apply(this,{
			tbar:[
			{text:'addUser',handler:this.addUser,scope:this}
			]
		});
		com.wangdl.cn.MyPanel.superclass.initComponent.call(this);
	},
	addUser:function(){
		alert(this.title);
	}
});

标签

#extend Extjs