formio.js.zh

# 安装

要在您的应用程序中安装此库，可以使用以下内容。

npm install --save formiojs
1

# 完整的Developer SDK文档

要查看完整的SDK文档，请转到 Developer SDK Documentation

# 组件

然后，您可以在应用程序中包括以下主要组件。

  • JavaScript API - 此组件使您可以像这样从JavaScript应用程序轻松地与Form.io API进行通信。

    import Formio from 'formiojs';
let formApi = new Formio('https://examples.form.io/example');
formApi.loadForm().then(function(form) {
  console.log(form)
});
    1
    2
    3
    4
    5

  • Form Renderer - 这是核心的表单呈现库，用于在您的页面内呈现Form.io JSON表单架构。

    import FormioForm from 'formiojs/form';
let form = new FormioForm(document.getElementById('formelement'));
form.src = 'https://examples.form.io/example';
    1
    2
    3

  • Form Wizard - 这使您可以在应用程序中呈现向导。

    import FormioWizard from 'formiojs/wizard';
let form = new FormioWizard(document.getElementById('formelement'));
form.src = 'https://examples.form.io/wizard';
    1
    2
    3

  • Form Embedding - 允许您通过包含以下单个script标签在应用程序中嵌入表单。

    <script src="https://unpkg.com/formiojs@latest/dist/formio.embed.min.js?src=https://examples.form.io/example"></script>
    1

  • Form Utilities - 这是一个实用程序javascript库，在您的应用程序中提供了一些常用的实用程序。

    import Formio from 'formiojs';
import FormioUtils from 'formiojs/utils';

let form = new Formio('https://examples.form.io/example');
form.loadForm().then((form) => {
  FormioUtils.eachComponent(form.components, (component) => {
    console.log(component);
  });
});
    1
    2
    3
    4
    5
    6
    7
    8
    9

JavaScript API →