Anybody knows how to create and use custom events ...

# javascript

[Harald Pehl]

Anybody knows how to create and use custom events in Kotlin/JS?

I'd like to do something like this:

class TreeItemSelectEvent<T>(val treeItem: TreeItem<T>) : Event("treeitemselect")

fun select(treeItem: TreeItem<T>) {
    element.dispatchEvent(TreeItemSelectEvent(treeItem))
}

When I try to create and dispatch the event, I get the following error:

TypeError: Failed to construct 'Event': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

Using CustomEvent instead of Event doesn't help. What am I missing?

[Robert Jaros]

https://github.com/rjaros/kvision/blob/master/src/main/kotlin/pl/treksoft/kvision/core/Widget.kt#L1041

[Robert Jaros]

I've never tried creating my own event class though.

[Harald Pehl]

Thanks @Robert Jaros
Does that mean I have to use CustomEvent instead of my own event type which extends from CustomEvent?

[Robert Jaros]

I've tested code very similar to yours and it works fine for me.

[Robert Jaros]

oh no, it doesn't

[Robert Jaros]

it seems you can't extend Event - the compiler generates Event.call(this, ...); in JS and doesn't use new