Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Multi Paged Form enables one to incorporate multiple forms in one single form, in a simple and elegant way.

Info
titleNotable improvement over Joget Workflow v4
  1. Detailed validation errors retained when switching to the tab with validation errors.
  2. Mobile version support is added in Joget Workflow v5.

Image Removed

Figure 1: Screenshot highlighting Multi Paged Form element in Form Builder

Image Removed

Figure 2: Multi Paged Form Properties

NameDescription
IDElement ID
LabelElement Label to be displayed to end user.
Number of PagesNumber of pages to be presented in Integer

Image Removed

Figure 3: Multi Paged Form Properties - Page

多页面表单 使人们能够以简单和优雅的方式将多种表单合并  成一个表单

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
title新功能

这个特性在Joget Workflow v6中得到了增强。

  1. AJAX Rendering

Image Added

图1: 多页面表单的屏幕截图

Image Added

图2:多页面表单属性

名称描述
ID元素ID
Number of Pages以整数表示的页面数
AJAX Rendering?仅在单击时呈现页面。如果用户不使用所有的表单和页数,这个选项可以提高加载时间。

Image Added

图3:多页面表单属性 - 页面

名称描述
Label

页面名称以breadcrumb或tab的形式显示,具体取决于UI中的设置

Form目标表单
Readonly?

确定页面是否可编辑

NameDescription
Label

Page name displayed in the form of breadcrumb or tab, depending on its setting in the UI

FormTarget Form
Readonly?

Determines if the page is editable

Parent Form Field to keep Child Form ID

ID of the field in the parent form to store the page's primary key. Page data will be loaded based on the record ID retrieved from this field.父表单中用于存储页面主键的字段的ID。页面数据将根据从此字段中检索的记录标识进行加载。

Child Form Field to keep Parent Form ID

ID of the field in the page form to store the parent form's primary key页面表单中字段的ID用于存储父表单的主键

Validate when change page

Performs validation on page change if checked如果选中,则在页面更改上执行验证

Info
titleImportant Note about Parent Form Field to keep Child Form ID

This field must be specified if the individual form is not storing into the same table as the parent form.

Field specified does not need to be first created in the parent form.

Image Removed

Figure 4: Multi Paged Form Properties - Advanced Options

如果单个表单没有与父表单存储在同一个表中,则必须指定该字段。

指定的字段不需要首先在父表单中创建。

Image Added

图4:多页面表单属性 - 高级选项

名称描述NameDescription
Partially store form when page changed?Partially store form when user navigates between pages.用户在页面之间导航时部分存储表单。
Store main form data when partial storing is enabled?

Store main form data when partial storing is enabled.在启用部分存储时存储主表单数据

Info

This option is available when "Partially store form when page changed?" is enabled.当“ 页面更改时部分存储表单”时,此选项可用 已启用。

Display Mode

Determines if the multi-paged form will be displayed in wizard or tabs.确定多页面表单是否将显示在向导或选项卡中。

Previous Button LabelPrevious Button Label.上一个按钮标签。
Next Button LabelNext Button Label.下一个按钮标签。
Only enable submit button on last page?

If checked, all of the pages' forms must be completed before form submission or task completion.如果选中,则表单提交或任务完成之前必须完成所有页面的表单

CSS

Custom CSS implementation.自定义CSS实现。