Widgets

Mehrere grundlegende Komponenten, wie im Abschnitt Komponenten beschrieben, können kombiniert werden, um ein Widget zu erstellen.
Widgets können verwendet werden, um eine neue „komplexere“ Komponente zu erstellen oder Elementen einer Komponente eine Struktur zu verleihen.

Lassen Sie uns in das Konzept eines Widgets eintauchen!

Wir beginnen mit einem einfachen Widget, um eine Liste von Sprachen anzuzeigen.

const widgetJSON =  {
    "component": "div",
    "id": "widget_languages",
    "items": [ // adding components to the widget
        {
            "component": "div",
            "items": [
                {
                    "component": "icon",
                    "icon": "info"
                },
                {
                    "component": "label",
                    "label": "List of some languages"
                }
            ]
        },
        {
            "component": "list",
            "data": "@languages"
        }
    ]
},

@languages ist hier ein Array, das im Modell der widget_languages wie folgt definiert ist: [„Englisch“, „Französisch“, „Hindi“, „Spanisch“, „Urdu“]

Das gerenderte grundlegende Widget sieht wie folgt aus: