在 Circuit SDK 中提交表单

Question

我正在通过机器人向使用 Circuit SDK 的对话发送表单。其中包含几个按钮：

client.addTextItem(item.convId, {
            content: 'Form test',
            form: {
              id: 'form123',
              title: 'Form test',
              controls: [{
                type: 'BUTTON',
                name: 'fruit',
                options: [{
                  text: 'Apple',
                  value: '1'
                }, {
                  text: 'Banana asd asd asd asdsa das asd',
                  value: '2'
                }, {
                  text: "Strawberry",
                  value: '3'
                }]
              }]
        }});

并且我订阅了 formSubmission 事件以接收用户的选择：

client.addEventListener('formSubmission', function (event) {
            var formData = event.form;
            console.log(event);
            console.log(formData);
        });

当我在与 bot 的对话中单击其中一个按钮时，事件会按我的要求进行处理：

{ type: 'formSubmission',
  itemId: '44469462-6d79-49ac-8439-3a1a57a9d6d2',
  form: { id: 'form123', data: [ [Object] ] },
  submitterId: '81cb8c4d-2706-4c03-8d82-20081b9399e4' }
{ id: 'form123', data: [ { name: 'fruit', value: '1' } ] }

但是电路 UI 顶部有一个 "An error occured submitting the form." 通知。为什么用户会收到此消息？

Answer 1

这是一个错误。我们正在调查。作为解决方法，您可以在用户单击按钮后定义自己的通知来覆盖错误，如下所示：

client.addTextItem(item.convId, {
        content: 'Form test',
        form: {
          id: 'form123',
          title: 'Form test',
          controls: [{
            type: 'BUTTON',
            name: 'fruit',
            options: [{
              text: 'Apple',
              value: '1',
              notification: "Form submitted"
            }, {
              text: 'Banana asd asd asd asdsa das asd',
              value: '2',
              notification: "Form submitted"
            }, {
              text: "Strawberry",
              value: '3',
              notification: "Form submitted"
            }]
          }]
    }});

每个按钮都可以有自己的通知文本。

我将更新此 Whosebug 问题并提供修复的预计日期。

在 Circuit SDK 中提交表单

Submitting a form in Circuit SDK

circuit-sdk