在Ext JS 中如何自定义一个组件类呢?
实现方式是继承Ext.Component ,定义一个自己的组件类。 那么,这个组件类该怎样扩展自己的功能呢?
举例来说, 有这样一个需求:
扩展一个Grid的子类,通过pageType的属性值来显示不同的列。
- 如果是查看页面,则所有列都是不可编辑的
- 如果是编辑页面, 则某些列是可以编辑的。
在使用上类似:
{
xtype: 'mygrid',
pageType : 'edit'
}
根据pageType 的值的不同,最终呈现的效果是:
自定义组件类的思考
- 自定义组件类 从Ext.Component 继承
- 自定组件的切入点是什么呢?
切入点主要有两个:
-
constructor 方法
-
initComponent 方法