表单是大多数内部工具的核心部分,因为它是创建或更新数据的主要方式之一。今天,我们将介绍 JSON 表单小部件(文档),它可以提供出色的表单创建体验,并且一直是我们最需要的功能之一。

JSON 表单小部件有助于从 JSON 字段快速生成(动态或其他)表单。

以下是此小部件的一些亮点:

从数据库查询、API 或 JS 对象生成表单

拖动新的 JSON 表单小部件后,您将看到一个带有一些详细信息的默认表单。您可以更新源数据字段以推断数据,然后生成表单。这可以绑定到任何包含 JSON 数据的查询或变量,例如 DB 查询、API 或 JS 对象。 JSON 表单小部件也可以绑定到 Appsmith 中的任何其他小部件。

数据更改时自动生成表单

当您启用自动生成的表单时,表单字段是根据源数据生成的。根据源数据中的键值对生成字段。每当源数据发生变化时,表单字段都会自动更新。

根据需要配置字段

字段配置显示表单中自动生成的所有字段。您可以编辑字段以调整字段类型和默认值等属性,并使用可编辑属性绑定特定操作。大多数字段使用底层数据类型特定的小部件的属性来允许像小部件一样的完整级别的自定义。例如,如果输入类型是文本输入,则可编辑属性类似于 Appsmith 中的输入小部件。

• Array Fields 允许您一起添加、删除和更新一组字段。

• 对象字段允许您将字段组合在一起。

• 添加新字段,禁用无效表单(并使用JS进一步控制),并控制小部件在应用页面上的可见性以创建高度自定义的动态表单。

我们看到用户使用 JSON 表单的一些方式是:

• 客户服务主管选择表单模板并为客户定制。这存储在数据库中,然后发送给客户。

• 用户可以创建动态注册表单,因为在同一页面上同时拥有登录和注册表单。表单之间的条件切换很容易,因为您不需要创建两个表单;您只需要更改 JSON 数据。

• 营销团队正在使用 JSON 表单来创建基于表单的个性化活动等等!

注意:它已在云应用程序上运行,并且很快将在自托管版本上运行。

想详细探索 JSON 表单吗?前往JSON 表单文档页面了解更多信息。