Duplicate a Form Grid

Joget allows you to clone/duplicate entries from one Form Grid to another. To do so, follow these steps:
 
  1. Access the Form Grid you want to duplicate.
  2. Add a second grid.
  3. Add a CustomHTML.
  4. Insert the following script (replacing the source and target form grid field IDs accordingly on lines 5 and 6):
    <p><a class="copy btn">Copy Grid 1 to Grid 2</a></p>
    <script>
    $(function(){
        $(".copy").on("click", function() {
            var grid1 = FormUtil.getField("field1");
            var grid2 = FormUtil.getField("field2");
     
            $(grid1).find(".grid-row").each(function(){
                var json = $(this).find("textarea").val();
     
                //remove id
                var obj = JSON.parse(json);
                if (obj.id !== undefined) {
                    delete obj.id;
                    json = JSON.stringify(obj);
                }
     
                $(grid2).enterpriseformgrid("addRow", {result: json });
            });
        });
    });
    </script>
  5. Save and preview your Form. You will get the following result:
Download the demo app for Duplicate a Form Grid:
Created by Marcos Last modified by Aadrian on Dec 13, 2024