首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在JavaScript适配卡中禁用提交按钮/在提交卡上加载

在JavaScript适配卡中禁用提交按钮/在提交卡上加载
EN

Stack Overflow用户
提问于 2020-12-14 15:23:18
回答 1查看 121关注 0票数 0

我在提交卡的时候有一个表单,我想禁用提交按钮,或者需要对适配卡进行一种加载,这样可以避免表单继续提交,有谁可以帮助我吗

卡片:

代码语言:javascript
复制
{
      "$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"
      }]
    }

和卡片渲染代码

代码语言:javascript
复制
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);

EN

回答 1

Stack Overflow用户

发布于 2020-12-14 15:33:14

正常情况下,当按钮单击时,流程是禁用提交按钮(或添加加载掩码),然后将提交请求发送到后台。

当响应到来或请求失败时,启用提交按钮(或移除加载掩码)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65285062

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档