Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Page tree

Versions Compared

Key

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

AJAX Sub Form gives you the flexibility of dynamically loading a Subform by attaching a listener to other form field.

...

AJAX子表单  为您提供了通过将侦听器附加到其他窗体字段来动态加载子窗体的灵活性。

与在社区版本中找到的通用的子表单元素不同,AJAX子表单为您提供了动态填充子表单的灵活性,因为它可以监视变化的值。

Info
titleData to load by the AJAX Subform

The target's form Load Binder will be executed to fetch record matched from the properties defined in AJAX Subform.

Image Removed

Figure 1: Screenshot highlighting AJAX Subform in Form Builder

Image Removed

Figure 2: Screenshot highlighting AJAX Subform in Form Builder Preview

Image Removed

...

目标的窗体Load Binder将被执行以获取与AJAX子窗体中定义的属性匹配的记录。

Image Added

图1:在Form Builder中突出显示AJAX子窗体的屏幕截图

Image Added

图2:在Form Builder Preview中突出显示AJAX子窗体的截图

Image Added

图3:AJAX子表单属性

NameDescription
IDElement ID (By declaring as "view元素ID(通过声明为“view_existing_claim", a corresponding database table column "cclaim”,将创建相应的数据库表列“c_view_existing_claim" will be created)claim”)
LabelElement Label to be displayed to end user.元素标签显示给最终用户。
Form

Target Form to be loaded.目标表单被加载。

The use of Hash Variables inside the target form is permissible but may be limited due to the nature of how the form is loaded.

Example 1: One can use #requestParam.primaryKey# to access the record ID.

Example 2: One can use #form
Info
titleUsage of Hash Variable
使用哈希变量

在目标表单中使用哈希变量是允许的,但由于表单如何加载的性质可能会受到限制。

示例1:可以使用#requestParam.primaryKey#来访问记录ID。

示例2:可以使用#form.tableName.fieldId [{ requestParam.primaryKey }]# to access field value of the given record ID.来访问给定记录ID的字段值。

Figure 4: AJAX Subform Properties 图4:AJAX子表单属性 - UI

NameDescription
Reload Sub Form when Parent Field value change?

Dynamically reload the subform when parent field value changes.

Info

Parent Field value here refers to the

Parent Field to keep Subform ID setting in the next tab.
ReadonlyDetermines if the element is editable.
父字段值更改时重新加载子表单?

父字段值更改时,动态重新加载子窗体。

Info

这里的父字段值指的是

父字段在下一个选项卡中保留子表单ID设置。
Readonly

确定元素是否可编辑。

Display field as Label when readonly?

Displays the value of the element as plain text when element is set to "Readonly".元素设置为“只读”时,将元素的值显示为纯文本。

Display without frame?
Decorator option. Removes default styling applied to SubForm when checked.装饰者选项。删除选中时应用于SubForm的默认样式。
Collapsible?
Make the AJAX Subform collapsible.使AJAX子表单可折叠。
Label when expandedLabel when expanded
标签展开时
Label when collapsedLabel when collapsed
折叠时标签
Expanded by default?Expanded by default option.
默认扩展选项。
Hide when no value?
To hide
the AJAX Subform when there's no data to be loaded.当没有要加载的数据时隐藏AJAX子窗体。

Figure 5: AJAX Subform Properties - Data & Binder图5:AJAX子表单属性 - 数据和粘结剂

NameDescription
Parent Field to keep Subform ID
ID of the field in the parent form to store the Sub Form table's primary key. Sub Form data will be loaded based on the record ID retrieved from this field.父窗体中的字段的ID用于存储子窗体表的主键。子表单数据将根据从此字段检索到的记录标识进行加载。
Subform Field to keep Parent ID

ID of the field in the Sub Form form to store the parent table's primary key.子窗体表单中字段的ID用于存储父表的主键。

Store Binder 

By default, Workflow Form Binder plugin is used for loading and storage of form data in the AJAX Subform, you may override it with other plugins.默认情况下,工作流表单Binder插件用于加载和存储AJAX子表单中的表单数据,您可以使用其他插件覆盖它。

Info
titleImportant

The target form's Store Binder will not be executed. The Store Binder selected in this property will be executed instead.

See list of available 表单绑定器.

 

...

目标表单的Store Binder不会被执行。在此属性中选择的商店绑定器将被执行。

请参阅可用表单绑定器列表。

 

相关视频教程

Widget Connector
urlhttps://www.youtube.com/watch?v=TXh_5_Wh26Y&feature=youtu.be