本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。
即使 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
。確認— 顯示必須在採取動作之前確認的確認訊息,允許客戶取消。
顯示— 有效值為
popup
和widget
,可取代小工具本身的內容。預設值為widget
。端點 — 要呼叫的 Lambda 函數的 Amazon 資源名稱 (ARN)。如果
action
為call
,則必須如此。事件— 定義上一個叫用動作的元素上的事件。有效值為
click
、dblclick
和mouseenter
。mouseenter
事件只能與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>