ExtJS 组件的扩展和继承
来源:互联网 发布:伺服控制需要编程吗 编辑:程序博客网 时间:2024/06/10 08:54
ExtJS 组件的扩展和继承
ExtJS 的组件很丰富,可有时候还是满足不了需求,需要扩展 ExtJS 的组件实现自制组件。
扩展组件的时候,最好给其设置单独的 xtype, 这样就能比较容易的和其他组件集成。
虽说扩展 ExtJS 的组件只不过是用 Ext.extend() 来实现,多少还是有些窍门。
例: 扩展 Ext.Panel,得到名为 MyComponent 的组件。 xtype 设置为 mycomponent。
MyComponent = Ext.extend(Ext.Panel, {
initComponent: function(){
Ext.apply(this, {
_name: 'MyComponent' // 非必须,调试时用 console.log 等可显示对象名。
});
this.items = [{
// 如有固定的 items,须在此设定
}];
MyComponent.superclass.initComponent.call(this);
}
});
// 注册 xtype, 此后、只需指定属性 xtype: 'mycomponent' 即可实现组件的延迟渲染。
Ext.reg('mycomponent', MyComponent);
代码解释:
1.initComponent 函数
组件初始化时执行的函数。不过,这和 new 的时候所执行的 Contructor 有所不同。实际上,从 Component 的 Contructor 到 initComponent 的执行,有一个过程。一些有影响的参数,须在 initComponnt 中设定。
- 有关 Layout 的设置,必须在 initComponent 中实行。
- collapsible 须通过对象属性来设定。如:
items:[{
xtype: 'mycomponent',
collapsible: true
}]
2.Ext.reg
调用方法: Ext.reg(xtype字符串, 对象) 。在任意组件中、加入以上 MyComponent 的时候、用 xtype 的方法指定,就能实现迟延渲染。
3.initComponent 内部的 this,是以上 MyComponent 的接口。
4.new MyComponent(config) 生成实例之后、initComponent 内部的 this 通过 apply 追加了属性。
5.Ext.apply(object1,object2)
这是把 object2 合并到 object1。通过这个函数,object2 所持有的属性和方法,全被追加到object1。 同名属性将会被 object2 的属性所覆盖。
- ExtJS 组件的扩展和继承
- ExtJS 组件的扩展和继承
- ExtJS 组件的扩展和继承(一)
- 扩展extjs ComboBoxTree组件
- Extjs之组件继承
- 扩展/自定义 Extjs.Toolbar 组件
- 扩展/自定义 Extjs.Toolbar 组件
- Extjs 2.0 组件继承结构图
- ExtJs组件结构继承图
- extjs的上传组件和HTML编辑器组件
- ExtJS 4 组件扩展(一)
- EXTJS的继承机制
- php类的扩展和继承
- js中prototype的继承和扩展
- 分类,扩展和继承的区别
- iOS 协议代理的继承和扩展
- Extjs组件的生命周期
- Extjs组件的生命周期
- SSH集成框架的页面数据回显
- 大小写不敏感的查询条件处理
- SqlDateTime 溢出:必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间
- 转载给ffmpeg入门级:我的第一个调用FFmpeg库的程序出炉
- mysql archive存储引擎安装/使用
- ExtJS 组件的扩展和继承
- hdu1150解题报告--也可以说小白理解最小点覆盖学习总结
- hdu——4462(暴力枚举)
- cocos2d-x 函数指针 typedef CCLayer* (*NEWTESTFUNC)() 解释
- poj3254 Corn Fields
- C++学习笔记十三-复制控制
- Linux下Fork与Exec使用
- POJ 3580 SuperMemo
- 在Windows上搭建Android的JAVA开发环境图文教程(Eclipse版本)