webix.protoUI with webix jet

Webix JS
#1

Hello Webix Forum.

I’m starting code webix using webix.protoUI in webix jet framework.
I’m still confuse about creating custom component using webix.protoUI.
I would like to create custom view text extend from webix.ui.text with additional custom properties and custom method.

My Question, Is there any full documentation or example about creating custom component webix.protoUI ? How to use webix.protoUI inside webix jet framework ? Is there any best approach to create custom component ?

I hope someone can give an explanation about this.

Regards,
Irvan

JET - Datatable popup editors
#2

protoUI is not related to webix jet.
to use custom component in webix jet, you need to import component’s code (file) once before using that component.

1 Like
#3

Thank you for you answer intregral.

So if i have several JS file then i must import component code to each JS file ? Do you have an example about webix.protoUI ?

#4

you have to import all files with custom component definition.

mycomponent.js
---
webix.protoUI({
    name: "mycomponent",
    ...
}, webix.ui.text)

view.ts
---
import "path_to_components/mycomponent"
export default {
    view: "mycomponent",
    ...
}

there are many advanced import methods too

1 Like