ExtJS 自定义组件(二)
2012-08-17 23:34
323 查看
用一段时间EXT,觉得自定义组件还是很有必要
1、不改变Ext的编码风格
2、易于重复利用
扩展可能是基于官方控件的扩展也可能是基于官方基础组件扩展,第一种比较常用,第二种我都去网上Download。。。
第一种扩展
extend (Object subclass,Object superclass,[Object overrides] : Object
比如需要一个文章列表
//完全复制一个自己的grid,没有意义
//第一种方法是重载initComponent函数
可以在initComponent中初始化需要的属性,但是重载这个函数一定要记得执行原函数,否则初始化不正确,
myArticleList.superclass.initComponent.call(this);其他就简单了,在里面写上想要的东西,分页、工具条、事件。。。
另外还有个方法就是重载constructor方法,大多数组件的构造函数需要一个config对象,记得在构造函数中写上:
转载地址:http://daimajishu.iteye.com/blog/1085805
1、不改变Ext的编码风格
2、易于重复利用
扩展可能是基于官方控件的扩展也可能是基于官方基础组件扩展,第一种比较常用,第二种我都去网上Download。。。
第一种扩展
extend (Object subclass,Object superclass,[Object overrides] : Object
比如需要一个文章列表
//完全复制一个自己的grid,没有意义
//第一种方法是重载initComponent函数
var myArticleList = Ext.extend(Ext.grid.GridPanel,{}); //初始化store var myArticleList = Ext.extend(Ext.grid.GridPanel,{ initComponent:function(){ myArticleList.superclass.initComponent.call(this); this.store = new Ext.data.JsonStore({ fields:['asdf'], url:'www.google.com' }); } });
可以在initComponent中初始化需要的属性,但是重载这个函数一定要记得执行原函数,否则初始化不正确,
myArticleList.superclass.initComponent.call(this);其他就简单了,在里面写上想要的东西,分页、工具条、事件。。。
另外还有个方法就是重载constructor方法,大多数组件的构造函数需要一个config对象,记得在构造函数中写上:
var myArticleList = Ext.extend(Ext.grid.GridPanel,{ constructor:function(config){ Ext.apply(this,config);//将目标config配置赋值给当前组件,有相同的情况下,config中的属性覆盖了this中的,如果做到不覆盖,则用Ext.applyif(); myArticleList.superclass.constructor.call(this); 。。。。。。 }
转载地址:http://daimajishu.iteye.com/blog/1085805
相关文章推荐
- Extjs3.2自定义组件的书写
- ExtJS4.2 - 从 Hello World 到 自定义组件 - 01
- extjs自定义组件类
- ExtJS4.2 - 从 Hello World 到 自定义组件 -01 (为爱女伊兰奋斗)
- ExtJS4.2 - 从 Hello World 到 自定义组件 -01
- 扩展/自定义 Extjs.Toolbar 组件
- 扩展/自定义 Extjs.Toolbar 组件
- 【ExtJS】自定义组件datetimefield(一)
- Extjs中itemselector组件自定义方法得到displayField值
- 【ExtJS】关于自定义组件(一)
- Extjs 自定义组件实例
- Extjs4 官方文档翻译系列二:组件(components)、自定义组件
- Extjs的一个自定义组件
- Extjs中itemselector组件自定义方法得到displayField值
- 【ExtJS】自定义组件datetimefield(二)
- Extjs 自定义组件注册3.x是reg 而4.x是define
- extjs_09_自定义分页组件
- Extjs 继承Ext.Component自定义组件
- extjs_10_自定义combotree组件
- Extjs自定义组件