Ext3.0 基础组件之component属性方法及事件

2018-12-27 本文已影响0人 js_hcl

概念

全体Ext组件的基类。Component下所有的子类均按照统一的Ext组件生命周期（lifeycle）执行运作，即创建、渲染和销毁（creation、rendering和destruction），并具有隐藏/显示、启用/禁用的基本行为特性。

component.jpg

属性

$\color{blue}{id}$ 唯一的组件id（默认为自动分配的id）。

$\color{blue}{itemId}$ 可以用这个itemId的索引来获取这个组件，另外一个方式就是id，对应用Ext.getCmp获取；而itemId就对应用getComponent方法获取，但范围更窄，在Ext.Container范围内

$\color{blue}{ref}$ 一种路径的规范

$\color{blue}{renderTo }$ 容器渲染的那个节点的id

$\color{blue}{xtype}$ 用于登记一个xtype

$\color{blue}{plugins}$ 插件

$\color{blue}{cls}$ 组件样式类， $\color{blue}{overCls }$ 鼠标上移至该组件元素的CSS样式类， $\color{blue}{disabledClass}$ 组件被禁用时作用的CSS样式类

$\color{blue}{style}$ 作用在组件元素上特定的样式

$\color{blue}{style}$ 内联样式

$\color{blue}{listeners}$ 从Ext.util.Observable继承过来的事件监听

方法

$\color{blue}{getId()}$ 返回该组件的id

$\color{blue}{getItemId()}$ 返回该组件的itemId

$\color{blue}{disable()}$ 禁用该组件， $\color{blue}{enable()}$ 启用该组件

$\color{blue}{show()}$ 显示该组件， $\color{blue}{hide()}$ 隐藏该组件

$\color{blue}{addListener( String eventName, Function fn, Object scope, Object options ) }$ 事件监听
简写 $\color{blue}{on( String eventName, Function handler, Object scope, Object options ) }$

事件（生命周期）

$\color{blue}{ beforerender() }$ 当组件渲染之前触发。如返回false则阻止渲染

$\color{blue}{ render() }$ 组件渲染之后触发

$\color{blue}{ beforedestroy() }$ 组件销毁之前触发。如返回false则停止销毁

$\color{blue}{ destroy() }$ 组件销毁之后触发

$\color{blue}{ beforeshow() }$ 当组件显示出来之前触发。如返回false则阻止显示

$\color{blue}{ show()}$ 当组件显示后触发

$\color{blue}{beforehide() }$ 当组件将要隐藏的时候触发。如返回false则阻止隐藏

$\color{blue}{hide() }$ 当组件隐藏后触发

$\color{blue}{enable()}$ 当组件被启用后触发， $\color{blue}{disable() }$ 当组件禁用后触发

Ext3.0 基础组件之component属性方法及事件

概念

属性

方法

事件（生命周期）

猜你喜欢

热点阅读