Ext.extend的简单使用

最新推荐文章于 2014-08-22 14:54:41 发布

原创最新推荐文章于 2014-08-22 14:54:41 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

EXT2.0 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何在Ext.js框架中扩展ComboBox组件，通过设置命名空间、构造函数和继承现有组件来实现自定义功能，最终注册类型以供复用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些时候，Ext提供的组件已经不能满足我们的需要，这时我们就需要在Ext组件的基础上进行扩展。以达到代码复用

接下来就已扩展Ext.form.ComboBox为例写一个简单的例子：

//设置命名空间
Ext.namespace('un');

//构造函数
un.ComboBox=function(config){
	/**
	 * 在这里写我们的私有代码
	 */
	if(config.store===undefined){
		config.store=new Ext.data.SimpleStore({
			data:[["1",'测试1'],[2,"测试2"]],
			fields:["id","name"]
		});
		config.displayField="name";
		config.valueField="id";
		config.mode="local";
	}
	
	Ext.apply(this, config);//该句很重要
	un.ComboBox.superclass.constructor.call(this);
}

//让组件un.ComboBox继承Ext.form.ComboBox
Ext.extend(un.ComboBox,Ext.form.ComboBox,{
	initComponent : function(){
		/**
		 * 写自己的私有实现
		 */
        un.ComboBox.superclass.initComponent.call(this);
    },

    initEvents : function(){
		/**
		 * 写自己的私有实现
		 */
        un.ComboBox.superclass.initEvents.call(this);
    },
	
	onRender:function(ct, position){
		/**
		 * 写自己的私有实现
		 */
		un.ComboBox.superclass.onRender.call(this,ct,position);
	}
});

//注册类型
Ext.reg('myCombo', un.ComboBox);