View Source

In this article, we will demonstrate how to retrieve values from a subform. We'll use a simple app as an example, where we read the value from the subform and set it in a form field.

Form Design

Subform Design

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-28_14-34-20.png

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-27_14-9-59.png

Make sure to remember the Form ID of your subform, it will be necessary for your Custom HTML.

Parent Form Design

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-28_14-34-50.png

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-27_14-11-21.png

Custom HTML

This is the Javascript code that reads the value of the subform and sets the field value.

<script>
    $(document).ready(function(){
        selectmain = $(FormUtil.getField("field1")); //Get ID of subform
        selectmain.on("change",function(){
            setTimeout(function(){
                my_name = $("#field2_subform_name"); //Get subform value
                my_country = $("#field2_subform_country");
                my_date = $("#field2_subform_date");
                var field1 = FormUtil.getField("field3"); //Get field of form
                var field2 = FormUtil.getField("field4");
                $(field1).val(my_name.val()); //Set field to value of subform
                $(field2).val(my_country.val());
            },100);
        });
    })
</script>

Runtime

This is the result of the above code:

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-28_14-35-38.png

Knowledge Base for DX 7 > Getting Value of Subform > image2023-6-28_14-35-59.png

Download the sample app below:

APP_kb7_get_value_of_subform.jwa