在 JavaScript 自适应卡片中提交时禁用提交按钮/加载卡片

Question

我在提交卡片时有一个表单我希望禁用提交按钮或需要为自适应卡片加载某种类型以避免继续提交表单 谁能帮帮我

卡片：

{
      "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
      "type": "AdaptiveCard",
      "version": "1.3",
      "body": [{
          "type": "TextBlock",
          "text": "Hello !!",
          "size": "Medium",
          "weight": "Bolder"
        },
        {
          "type": "Container",
          "style": "accent",
          "items": [{
              "type": "TextBlock",
              "text": "What was the type?"
            },
            {
              "type": "Input.ChoiceSet",
              "id": "call_type",
              "style": "compact",
              "isRequired": true,
              "errorMessage": " required input",
              "placeholder": "Please choose",
              "choices": [{
                "$data": "${Survey.questions[0].items}",
                "title": "${choice}",
                "value": "${value}"
              }]
            }
          ]
        }
      ],
      "actions": [{
        "type": "Action.Submit",
        "title": "Submit"
      }]
    }

和卡片渲染代码

var jsonTemplate = "some data",
  var jsonDate = "some data"
var template = new ACData.Template(jsonTemplate);
var cardPayload = template.expand({
  $root: jsonData
});
var adaptiveCard = new AdaptiveCards.AdaptiveCard();
adaptiveCard.onExecuteAction = function(action) {
  alert("Ow!");
}
adaptiveCard.parse(cardPayload);
let renderedCard = adaptiveCard.render();
document.body.appendChild(renderedCard);

Answer 1

通常流程是在单击按钮时禁用提交按钮（或添加加载掩码），然后将提交请求发送到后端。

在响应到来或请求失败时启用提交按钮（或移除加载掩码）。