如何编辑在 MVC 中使用 Form.io 创建的表单



我在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 架构重新创建表单构建器界面。

最新更新