Joget Workflow v6 Released
Check out the latest Joget Workflow v6 for many new features and improvements in user experience (UX), app maintainability and performance.
In this article, we will discuss how to design a many to many form/record relationship based on the sample app.
There are 3 tables needed in total in order to form a many-to-many relationship:-
where the last table mentioned will act as the junction table.
In this generic sample app, we are treating "Form 1" as ingredients and "Form 2" as a recipe.
The figure below shows the list of recipes.
The figure below shows the list of ingredients.
A recipe requires multiple ingredients and an ingredient is used by multiple recipes. The following figure depicts the "joiner" records.
And, here's how the joiner table records look like. Observe c_id_form1 and c_id_form2. They are the foreign key to table1 and table2 respectively.
This is table1 data.
This is table2 data.
The app is created using simple select box and form grid. You may study its design by downloading the sample app below.
The figure below shows the design of Form1.
Based on the figure below, we can see that Form 1 has:-
Form 2 has identical form design as per Form 1, as explained below.
In the joiner form, it contains just 2 select boxes.
Each of the select boxes would point to Form 1 and Form 2 using Default Form Options binder as shown in the form structure figure below.
You may try it out yourself by downloading the sample app below.