自适应卡片在提交中输入值

Question

您好，我在网页中使用自适应卡片 SDK，使用如下示例卡片：

  var card = {
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
    {
        "type": "TextBlock",
        "text": "Present a form and submit it back to the originator"
    },
    {
        "type": "Input.Text",
        "id": "firstName",
        "placeholder": "What is your first name?"
    },
    {
        "type": "Input.Text",
        "id": "lastName",
        "placeholder": "What is your last name?"
    }
],
"actions": [
    {
        "type": "Action.Submit",
        "title": "Action.Submit"
    }
]};

并使用通常的规则进行渲染。我想通过提交来取回输入，所以我尝试了这个

     // Set the adaptive card's event handlers. onExecuteAction is invoked
    // whenever an action is clicked in the card
    adaptiveCard.onExecuteAction = function (action) { console.log(action.toJSON()) }

这只是给了我： Object title: "Action.Submit" type: "Action.Submit" __proto__: Object

如何获取提交操作中输入字段的值？

TIA 提供任何 cmets、建议和答案

Answer 1

您可以像这样使用 action 对象的data 属性：

  adaptiveCard.onExecuteAction = function (action) {
    alert(`Hello ${action.data.firstName} ${action.data.lastName}`);
  }

这是完整的jsfiddle。

action 对象还有许多其他有趣的属性，但我还没有找到好的文档。 但是，自适应卡片可视化工具的source code 包含一些使用示例。