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

作者: js_hcl | 来源:发表于2018-12-27 14:02 被阅读0次

Ext3.0 基础组件之component属性方法及事件
父子组件传值
Yii2框架源码研究2-Component
Vue全局API-component组件
小程序（三）—— modal组件封装
PropTypes类型检查-组件封装的属性验证
小程序里的自定义组件（二）：事件的激活与监听
Angular组件篇
vue + element UI <table>表格
vue动态组件

概念

全体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属性方法及事件
概念全体Ext组件的基类。Component下所有的子类均按照统一的Ext组件生命周期（lifeycle）执行运...
父子组件传值
子组件注册触发事件，父组件注册触发子组件事件后的方法写在method里面父组件这么写子组件component-...
Yii2框架源码研究2-Component
Component继承自Object，因此他具有属性这个特性，在这个基础上，组件提供了两个功能强大的特性：事件和行...
Vue全局API-component组件
1.全局组件、局部组件 2.组件属性 3.组件继承 4.组件标签
小程序（三）—— modal组件封装
Component构造器 Component构造器可用于定义组件，调用Component构造器时可以指定组件的属性...
PropTypes类型检查-组件封装的属性验证
1.组件特殊属性——propTypes 对Component设置propTypes属性，可以为Component的...
小程序里的自定义组件（二）：事件的激活与监听
组件的js文件： Component({ /** * 组件的属性列表 */ properties: {...
Angular组件篇
Angular组件一：组件基础 1：什么是组件？组件（Component）是构成Angular应用的基础和核心...
vue + element UI <table>表格
一.table组件的方法，事件二.常用的事件，属性 (一).属性1.多选框（type = "selection"...
vue动态组件
动态组件通过component组件实现，这个组件有一个is属性，is属性的值是谁，它就会展示哪个组件