選取您的 Cookie 偏好設定

我們使用提供自身網站和服務所需的基本 Cookie 和類似工具。我們使用效能 Cookie 收集匿名統計資料,以便了解客戶如何使用我們的網站並進行改進。基本 Cookie 無法停用,但可以按一下「自訂」或「拒絕」以拒絕效能 Cookie。

如果您同意,AWS 與經核准的第三方也會使用 Cookie 提供實用的網站功能、記住您的偏好設定,並顯示相關內容,包括相關廣告。若要接受或拒絕所有非必要 Cookie,請按一下「接受」或「拒絕」。若要進行更詳細的選擇,請按一下「自訂」。

在自定義窗口小部件的交互 CloudWatch

焦點模式

在本頁面

在自定義窗口小部件的交互 CloudWatch - Amazon CloudWatch

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

即使 JavaScript 不允許,還有其他方法可以允許與返回HTML的交互。

  • 返回的任何元素都HTML可以在標籤中使用特殊配置標記,該<cwdb-action>標籤可以在彈出窗口中顯示信息,在點擊時要求確認,並在選擇該元素時調用任何 Lambda 函數。例如,您可以定義調用任何按鈕 AWS API使用 Lambda 函數。返回的HTML可以設置為替換現有的 Lambda 小部件的內容,也可以在模態中顯示。

  • 返回的HTML可以包括打開新控制台,打開其他客戶頁面或加載其他儀表板的鏈接。

  • HTML可以包含元素的title屬性,如果使用者將游標暫留在該元素上,它會提供其他資訊。

  • 該元素可以包括CSS選擇器,例如:hover,它可以調用動畫或其他CSS效果。您也可以顯示或隱藏頁面中的元素。

<cwdb-action> 定義和用法

<cwdb-action> 元素定義了緊接前一個元素的行為。的內容<cwdb-action>是HTML要顯示或要傳遞給 Lambda 函數的參數JSON區塊。

以下 <cwdb-action> 元素的範例。

<cwdb-action action="call|html" confirmation="message" display="popup|widget" endpoint="<lambda ARN>" event="click|dblclick|mouseenter"> html | params in JSON </cwdb-action>
  • 動作-有效值是call,它調用 Lambda 函數html,並顯示其中HTML包含的任何值<cwdb-action>。預設為 html

  • 確認— 顯示必須在採取動作之前確認的確認訊息,允許客戶取消。

  • 顯示— 有效值為 popupwidget,可取代小工具本身的內容。預設值為 widget

  • 端點 — 要呼叫的 Lambda 函數的 Amazon 資源名稱 (ARN)。如果 actioncall,則必須如此。

  • 事件— 定義上一個叫用動作的元素上的事件。有效值為 clickdblclickmouseentermouseenter 事件只能與 html 動作合併使用。預設值為 click

範例

以下範例說明如何使用<cwdb-action>標籤建立使用 Lambda 函數呼叫重新啟動 Amazon EC2 執行個體的按鈕。它會在快顯中顯示呼叫的成功或失敗。

<a class="btn">Reboot Instance</a> <cwdb-action action="call" endpoint="arn:aws:lambda:us-east-1:123456:function:rebootInstance" display="popup"> { "instanceId": "i-342389adbfef" } </cwdb-action>

下一個範例會在快顯中顯示更多資訊。

<a>Click me for more info in popup</a> <cwdb-action display="popup"> <h1>Big title</h1> More info about <b>something important</b>. </cwdb-action>

此範例為 Next (下一步) 按鈕,可用 Lambda 函數的呼叫取代小工具的內容。

<a class="btn btn-primary">Next</a> <cwdb-action action="call" endpoint="arn:aws:lambda:us-east-1:123456:function:nextPage"> { "pageNum": 2 } </cwdb-action>
隱私權網站條款Cookie 偏好設定
© 2025, Amazon Web Services, Inc.或其附屬公司。保留所有權利。