formio - 如何在表单构建器中从 JSON Schema 生成表单

Question

我正在使用Form.io的 Formbuilder，我使用 Formbuilder 的拖放功能构建了一个表单，并将生成的 JSON Schema 保存到我的数据库中。如何使用 JSON Schema 中的相同控件再次重建表单构建器？

我想这样做，以便用户可以对创建的表单进行任何修改。

我正在寻找如何从 JSON 重新初始化表单构建器。

JSON 是从表单构建器的builder.instance.schema.

标签： formio

Answer 1

通过将 json 模式传递给 Formio.builder，我能够重新加载表单。我使用的是香草 javascript。@randallknutson 的Github 回复的所有学分。

//JSON Schema loaded from database
const createdForm = {
display: 'form',
components: [],
...
}

Formio.FormBuilder(document.getElementById('builder'), createdForm, options);