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

Javascript 自适应卡在提交中输入值,javascript,sdk,adaptive-cards,Javascript,Sdk,Adaptive Cards,您好,我正在网页中使用Adaptive card SDK,使用的示例卡如下: var card = { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ {

您好,我正在网页中使用Adaptive card 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"
    }
]};
  adaptiveCard.onExecuteAction = function (action) {
    alert(`Hello ${action.data.firstName} ${action.data.lastName}`);
  }
并使用常用的标题进行渲染。我想在提交时获得输入,所以我尝试了这个

     // 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()) }
这给了我:
对象标题:“Action.Submit”类型:“Action.Submit”\uuuuu proto\uuuuu:Object

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


TIA对于任何评论、建议和回答

您可以使用动作对象的
数据
属性,如下所示:

  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"
    }
]};
  adaptiveCard.onExecuteAction = function (action) {
    alert(`Hello ${action.data.firstName} ${action.data.lastName}`);
  }
这是一份完整的报告

action对象还有许多其他有趣的属性,但我还没有找到好的文档。
不过,adaptive card visualizer的示例中包含了一些使用示例。

谢谢你,塞巴斯蒂安,你是一位真正的救星。我们刚刚开始使用自适应卡,只是摸索自己的路。我们可能还有更多的问题!(我们的研发预算也很小;-))很乐意帮忙,迈克!使用自适应卡需要一点时间来取暖。回答你的问题对我来说是一次很好的复习;)祝你一切顺利!看看和相应的代码:Tim,也许它对一个bitNice项目有帮助!谢谢分享!