Widget | Adobe Experience Manager

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

使用者
管理員

如「元件」一節所述，可結合多個基本元件以產生Widget。
Widget可用來建立新的「更複雜」元件，或為元件專案提供結構。

讓我們來深入探討Widget的概念！

我們先製作一個簡單的Widget來顯示語言清單。

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是在widget_languages的模型中定義的陣列，如： ["English"、"French"、"Hindi"、"Spanish"、"Urdu"]

演算後的基本Widget如下所示：

basic_widget

recommendation-more-help

11125c99-e1a1-4369-b5d7-fb3098b9b178