自适应卡在提交时清除输入

Question

我从 Microsoft Teams 机器人发送带有输入字段和 Submit 操作的 Adaptive Card。当用户单击Submit 时，我收到输入的数据，但表单字段被清除。

这是为什么？我究竟做错了什么？这种行为非常烦人，因为我无法验证输入并要求用户更正。

这发生在桌面团队应用程序、浏览器中的团队、网页中的团队网络聊天和机器人模拟器中。在 Emulator 中，让该领域失去焦点就足够了。

如果重要，我会使用 nodejs。

Answer 1

你没有做错任何事。这就是自适应卡片在 Teams 中的工作方式，或许可以作为一种表示数据已成功发送到机器人的方式。不过，您可能可以采取一些措施来解决您的问题。

自适应卡输入字段有一个value 属性，允许您指定字段的初始值。如果您向用户发送卡片并且输入字段的value 属性已填充，则这些字段不会为空。这意味着您可以将此类卡片作为更新而不是新活动发送，并且由于 Teams 支持更新活动，因此该卡片看起来已被修改到位。如果更新使用同一张卡片但用户输入的值，那么卡片看起来保持不变，这将解决您的值消失的问题。

有一个关于向自适应卡片动态添加输入字段的问题，answer 包含保留输入字段值的示例代码：

var inputId = `text${i}`;
body.push({
    type: "Input.Text",
    id: inputId,
    value: cardData[inputId] // This is where the value is preserved
});

如果您希望使用可以安装在 NuGet 包中的预构建代码来简化整个过程，请随时在 GitHub 上表达您对这些想法的支持：
Bot.Builder.Community.AdaptiveCards
AdaptiveCard Prompt

Answer 2

当我在等待问题的答案时，我得出了与上面提到的 Kyle Delaney 几乎相同的结论，您必须重新发送输入的数据。

所以我开始摆弄我的代码并想出了这个解决方案，但不确定这是不是最好的方法。

作为瀑布步骤的一部分：

   async W2_showCard(step) {
        const card = CardFactory.adaptiveCard(this.makeFormCard());
        return await step.prompt('formPrompt', { prompt: MessageFactory.attachment(card) });
    }

诀窍在于formPrompt，它还确保用户提交表单而不是执行其他操作。

       // Workaround to make user click Submit or cancel dialog
        this.dialogs.add(new ActivityPrompt('formPrompt', async prompt => {

            const recognizedValue = prompt.recognized.value;
            if (recognizedValue.type === ActivityTypes.Message) {
                if (recognizedValue.value) {

                    const replyToId = recognizedValue.replyToId;

                    var oldCard = prompt.options.prompt.attachments[0];

                    var validated = true;
                    oldCard.content.body.forEach((item, i, body) => {
                        if (item.type === "Input.Text" || item.type === "Input.ChoiceSet") {

                            // preserve the user input
                            const newValue = recognizedValue.value[item.id];
                            item.value = newValue;

                            // some rudimentary input validation:
                            // assumes there is a corresponding text field just 
                            // prior to the input field (input fields 
                            // can't change their color)

                            if (newValue == '') {
                                body[i - 1].color = 'Attention';
                                body[i - 1].weight = 'Bolder';
                                validated = false;
                            } else {
                                delete body[i - 1].color;
                                delete body[i - 1].weight;
                            }
                        }
                    });

                    if( validated ) {
                        // remove the submit and cancel actions (not required, debatable)
                        delete oldCard.content.actions;
                    }

                    // update the card
                    const activity = prompt.context.activity;
                    activity.attachments = [oldCard];
                    activity.id = replyToId;
                    await prompt.context.updateActivity(activity);

                    if (validated) {
                        // this is to make input available in next waterfall step
                        prompt.recognized.value = recognizedValue.value;
                        return true;
                    } else {
                        await prompt.context.sendActivity(`Please check the form. Some values are missing`);
                    }
                } else {
                    await prompt.context.sendActivity(`Please fill out form and press *"submit"* button or type *"cancel"* to stop.`);
                }

            }
            return false;

        }));