Skip to content

ChildEvent

Child 事件。

leafer.ready 事件之后才会派发此事件,想在 ready 前 执行相关事件

事件派发的顺序为:子元素、父元素、Leafer 实例,渲染生命周期 中会监听此事件。

事件名称

ChildEvent.ADD

添加元素。

child.add

ChildEvent.REMOVE

删除元素。

child.remove

ChildEvent.DESTROY

销毁元素 (仅派发给元素自身)。

child.destroy

关键属性

child: ILeaf

子元素。

parent: ILeaf

父元素。

继承

Event

API

ChildEvent

示例

ts
import { Leafer, Group, Rect, ChildEvent, LeaferEvent } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const group = new Group()

leafer.add(group)

function onReady() {

    const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })

    leafer.on(ChildEvent.ADD, function (e: ChildEvent) { 
        console.log('leafer', e.parent, e.child)
    })

    group.on(ChildEvent.ADD, function (e: ChildEvent) {
        console.log('parent', e.parent, e.child)
    })

    rect.on(ChildEvent.ADD, function (e: ChildEvent) {
        console.log('child', e.parent, e.child)
    })

    group.add(rect)
}

leafer.on(LeaferEvent.READY, onReady)

Released under the MIT License.