parent

The parent node of the element.

Read-only Property

parent: Group

The parent element.

Helper Method

waitParent ( item: function, bind?: object )

Wait until the element has a parent property, then execute the item callback. You can bind this via the bind parameter.

If it already exists, it will be executed immediately.

Belongs to

UI Element

Example

Execute a callback when the element is added to a parent

Leafer

// #等待元素被添加到父元素中时，执行回调 (Leafer)
import { Leafer, Group, Rect } from 'leafer-ui'

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

const rect = new Rect({ fill: '#32cd79' })

const group = new Group()

rect.waitParent(() => {
    rect.draggable = true
})

group.add(rect)
leafer.add(group)

App

// #等待元素被添加到父元素中时，执行回调 (App)
import { App, Group, Rect } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件
import '@leafer-in/viewport' // 导入视口插件 (可选)

const app = new App({ view: window, editor: {} })

const rect = new Rect({ fill: '#32cd79' })

const group = new Group()

rect.waitParent(() => {
    rect.draggable = true
})

group.add(rect)
app.tree.add(group)