Adobe 建议使用现代、可扩展的数据捕获核心组件,以创建新的自适应表单或将自适应表单添加到 AEM Sites 页面。这些组件代表有关创建自适应表单的重大改进,确保实现令人印象深刻的用户体验。本文介绍了使用基础组件创作自适应表单的旧方法。
可重复部分是可动态添加到表单或从中移除的面板。
例如,在申请工作时,求职者提供以前的雇用详细信息,如公司名称、角色、项目和其他信息。 所有雇主的信息要求不同但外观相似的部门。 在这种情况下,雇佣表单会提供一个雇主部分,并提供动态添加更多此类部分的选项。 这些动态添加的部分称为可重复部分。
您可以使用以下方法之一来创建可重复面板:
在编辑模式下,选择一个面板,然后点按 . 在侧栏中的属性下方,启用 使面板可重复. 指定以下各项的值: 最大值 和 最小值 字段。
“最大值”字段指定面板在页面上可出现的最大次数。 您可以在Maximum Count字段中指定–1 ,以允许该面板无限次显示。
“最小值”字段指定面板在表单上显示的最小次数。 如果将Minimum Count字段设置为零,则以后可以在演绎版完成后通过脚本删除所有实例。
要创建不可重复的面板,请将“最大值”和“最小值”字段的值设置为1。 折叠布局在Maximum Count字段中不支持–1。 您可以指定一个大数来给出无限值的概念。
面板的父项(将重复)应包含添加和删除按钮以管理可重复面板的实例。 执行以下步骤将按钮插入到父代,并在按钮上启用脚本:
从侧栏中,将按钮组件拖放到面板的父面板。 选择组件并点按 . 该按钮的规则将在规则编辑器中打开。
在规则编辑器窗口中,单击 创建.
选择 可视编辑器 表单对象和函数行中的。
在规则区域的WHEN下,选择state 已单击.
在THEN下:
选择 代码编辑器 表单对象和函数行中的。 单击 编辑规则 在代码区域中:
this.panel.instanceManager.addInstance()
this.panel.instanceManager.removeInstance(this.panel.instanceIndex)
单击完成。
如果某个字段属于可重复面板,则无法在脚本中使用该字段名称直接访问该字段。 要访问字段,请使用指定字段所属的可重复实例 instances
中的API InstanceManager
. 要使用的语法 instances
中的API InstanceManager
为:
<panelName>.instanceManager.instances[<instanceNumber>].<fieldname>
例如,创建一个带有文本框的可重复面板的自适应表单。 使用三个可重复的文本框预填表单时,您需要以下xml:
<panel1><textbox1>AA1</panel1></textbox1>
<panel1><textbox1>AA2</panel1></textbox1>
<panel1><textbox1>AA3</panel1></textbox1>
要读取AA1数据,请指定:
Panel1.instanceManager.instances[0].textbox.value
要读取AA2数据,请指定:
Panel1.instanceManager.instances[1].textbox.value
有关详细信息,请参阅中的类:InstanceManager#instances AEM Forms Java API参考.
从自适应表单中删除面板的所有实例时,要添加已删除面板的实例,请使用_panelName语法捕获面板的实例管理器,并使用实例管理器的addInstance API添加已删除的实例。 例如,_panelName.addInstance()。 它会添加已删除面板的一个实例。
面板具有各种布局选项。 折叠式设计的布局选项为可重复面板提供开箱即用支持。 对带有可折叠设计选项的布局的可重复面板执行以下步骤:
在要重复的面板的父项上,点按 . 您可以在侧栏中看到属性。 在 布局 下拉列表,选择 折叠.
在要重复的面板上,点按 . 您可以在侧栏中看到面板属性。 启用 使面板可重复 选项卡,并为 最大值 和 最小值 字段。
现在,您可以使用加号(+)并删除( )按钮以添加和删除面板。
可重复子表单类似于自适应Forms中的可重复面板。 在AEM Forms Designer中,执行以下步骤以创建重复的子表单:
附加的.zip文件包含一个示例可重复的子表单。
您可以从XML架构和任何复杂类型元素的minOccours和maxOccurs属性创建可重复面板。 有关XML架构的详细信息,请参见 使用XML架构作为表单模型创建自适应表单.
在以下代码中, SampleType
面板使用minOccurs和maxOccurs属性。
<?xml version="1.0" encoding="utf-8" ?>
<xs:schema targetNamespace="https://adobe.com/sample.xsd"
xmlns="https://adobe.com/sample.xsd"
xmlns:xs="https://www.w3.org/2001/XMLSchema"
>
<xs:element name="sample" type="SampleType"/>
<xs:complexType name="SampleType">
<xs:sequence>
<xs:element name="leaderName" type="xs:string" default="Enter Name"/>
<xs:element name="assignmentStartDate" type="xs:date"/>
<xs:element name="gender" type="GenderEnum"/>
<xs:element name="noOfProjectsAssigned" type="IntType"/>
<xs:element name="assignmentDetails" type="AssignmentDetails"
minOccurs="0" maxOccurs="10"/>
</xs:sequence>
</xs:complexType>
<xs:complexType name="AssignmentDetails">
<xs:attribute name="name" type="xs:string" use="required"/>
<xs:attribute name="durationOfAssignment" type="xs:unsignedInt" use="required"/>
<xs:attribute name="numberOfMentees" type="xs:unsignedInt" use="required"/>
<xs:attribute name="descriptionOfAssignment" type="xs:string" use="required"/>
<xs:attribute name="financeRelatedProject" type="xs:boolean"/>
</xs:complexType>
<xs:simpleType name="IntType">
<xs:restriction base="xs:int">
</xs:restriction>
</xs:simpleType>
<xs:simpleType name="GenderEnum">
<xs:restriction base="xs:string">
<xs:enumeration value="Female"/>
<xs:enumeration value="Male"/>
</xs:restriction>
</xs:simpleType>
</xs:schema>
对于非折叠布局,使用自适应表单按钮组件添加和删除实例。