javascript - Formio.js 从 builder 方法获取 JSON 文本

Question

我在 github 上阅读了有关 formio.js 的文档。但我看不到如何在表单构建后获取 json 文本。

这是我的代码：

<div id='builder'></div>
<script type='text/javascript'>
    var builder = Formio.builder(document.getElementById('builder'), {}, {});

    builder.then(function(form){
        form.on("change", function(e){
             console.log("Something changed on the form builder");
        });
    });
</script>

现在我想将表单的 json 模式存储在数据库中。

Answer 1

我知道这已经回答了，但是对于那些仍然想使用Formio.builder而不是new Formio.FormBuilder你的人可以试试这个：

Formio.builder(document.getElementById('builder'), {}).then(function(form){
  form.on("change", function(e){
    console.log(form.schema);
  });
});

Answer 2

尝试类似：

...
form.on("change", function(e){
    console.log("Something changed on the form builder");
    var jsonSchema = JSON.stringify(form.submission, null, 4);
    console.log(jsonSchema); // this is the json schema of form components
});
...

或者你可以尝试使用builder.instance.schema, as ...

form.on("change", function(e){
    console.log("Something changed on the form builder");
    var jsonSchema = JSON.stringify(builder.instance.schema, null, 4);
    console.log(jsonSchema);
});
...