Widgets de procesamiento

Podemos procesar un widget haciendo referencia a él con su id

Para procesar el widget widget_languages en cualquier lugar de la aplicación, podemos usar la sintaxis simple:

{
    "component": "widget",
    "id": "widget_languages"
}

Los widgets también se pueden utilizar para procesar elementos complejos, como Deseo procesar la lista de colaboradores para cada archivo.
En este caso, el widget se puede construir de la siguiente manera:

const widgetJSON =  {
    component: "div",
    id: "file_contributors",
    items: [ // adding components to the widget
        {
            component: "div",
            items: [
                {
                    component: "icon",
                    icon: "file"
                },
                {
                    component: "label",
                    label: "@fileName"
                }
            ]
        },
        {
            component: "list",
            data: "@contributors",
            itemConfig: {
                component: "label"
            }
        }
    ]
},

Ahora para procesar una lista de colaboradores para cada archivo, escribimos la lista como:

const listJSON = {
    component: "list"
    data: "@files"
    itemConfig: {
        component: "widget",
        id: "file_contributors"
    }
}

Aquí @files hay una lista de objetos de archivo que contienen campos

- fileName: string
- contributors: Array<String>
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178