HTML テンプレートへのウィジェットの埋め込み

<div>
    <widget id="widget-cool-clock"></widget>
</div>

<widget id="widget-cool-clock" options='{"zone": "America/Los_Angeles","title": "San Diego, CA"}'></widget>

クライアントスクリプトへのウィジェットの埋め込み

spUtil.get("widget-sc-cat-item", {sys_id: "your_catalog_item_sys_id"}).then(function(response) {
    c.catalogItemWidget = response;
});

ウィジェットクライアントスクリプトで spUtil クラスを使用する場合は、そのクラスをクライアントスクリプト関数に挿入する必要があります。次の例では、クールクロックウィジェットを埋め込みます。

クライアントスクリプト

function(spUtil) {
    var c = this;
    spUtil.get("widget-cool-clock").then(function(response) {
            c.myClockWidget = response;
    });
}

HTML テンプレート

<sp-widget widget="c.myClockWidget"></sp-widget>

サーバースクリプトへのウィジェットの埋め込み

data.catalogItemWidget = $sp.getWidget("widget-sc-cat-item");

次の例では、クールクロックウィジェットを埋め込みます。

サーバースクリプト

(function() {
    var coolClockOptions = {"zone": "America/Los_Angeles","title": "San Diego, CA"}
    data.coolClockWidget = $sp.getWidget('widget-cool-clock', coolClockOptions);
})();

HTML テンプレート

<sp-widget widget="data.coolClockWidget"></sp-widget>

ウィジェットモデルプロパティ

ウィジェットモデルが別のウィジェット内から呼び出されると、HTML テンプレート、クライアントスクリプト、およびリンク関数がsp_widgetレコードと同じようにロードされます。data プロパティは、ウィジェットサーバースクリプトの実行結果です。サーバー上のデータオブジェクトに配置したものはすべて、クライアント上のデータオブジェクトで使用できます。