我在MVC中使用 Form.io 创建了表单。现在我想编辑创建的表单,该怎么做。我有创建的表单的 HTML。如果有人好心地帮助我。我是 Form.io 新手。我真的需要编辑我的代码发布在下面。
Formio.builder(document.getElementById('builder'), {}, {
builder: {
basic: false
customBasic: {
title: 'Basic Components',
default: true,
weight: 0,
components: {
textfield: true,
textarea: true,
email: true
}
}
layout: {
components: {
table: false
}
}
}
}).then(function (form) {
$("#saveForm").on('click', function (submission) {
var id = document.querySelector('[id^=builder-element-]').id
var content = $(".formarea:eq(0)>div");
var finalHtml = "";
$.each(content, function (value, index) {
var el = $(index);
finalHtml += el.html();
})
// ajax call to save html
});
这个特定库的界面在 Formio 文档中没有很好的记录。传递给Form.builder()
的第二个参数是要编辑的表单的 JSON 架构。
文档可以在这里找到
Formio.builder(element, [form], [options])
演示上述用法的小提琴。
我正在使用已保存表单的 JSON 架构重新创建表单构建器界面。