在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);
        });

当我点击机器人对话中的一个按钮时，事件就会按照我想要的方式处理：

{ 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顶部的通知。为什么用户会收到这条消息？

Answer 1

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

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"
            }]
          }]
    }});

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

我将使用估计的修复日期更新此堆栈溢出问题。