nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Dynamically add fields onReplicantAdded Event

alisyedj

Hi

I want to dynamically add fields when onReplicantAdded Event is triggered. Key is that each replicant instance should show different fields. Is there a way to do this?

Syed

Find more posts tagged with

Comments

cute_guy

Hi

I want to dynamically add fields when onReplicantAdded Event is triggered. Key is that each replicant instance should show different fields. Is there a way to do this?

Syed

Have a parent or container and this parent container contains multiple child containers.

parent or container
|
------------- container 1
|
------------- container 2

onReplicantBeforeAdd event, call a function. In that function, call addInstance fn to add your desired child container.

alisyedj

Sorry but I am not following your example. My understanding is that addInstance will add a new replicant instance at a given index. With that said, how do i program the logic so it adds Container A & B as its children.

<container name="ReviewGroupReplicant" location="ReviewGroupReplicant" min="1" max="5">
</container>

<container name="A" location="A" min="1" max="1">
</container>

<container name="B" location="B" min="1" max="1">
</container>

Faizi

As per my understanding you want to restrict duplicate field in a replicant container.
If a container contains A item then its replicant should not contain item A.
There is

combination=and/or

option in container.
combination: Specifies whether the entire set of items will be repeated when the user requests another set (and) or whether the user will be prompted to select one of the items (or). The valid values are or and and.

HTH,