Creating a Sample Multi-Form

Multi-Form is an advanced option, which allows the developer to show a same form on a parent form as many times as required.
Similarly, Sub Form is a form added attached on a form using the Form Panel as a regular form items.
For Example: Consider the below information for creating a multi-form:

1. Biller Info form – this form is the parent form containing a sub form with labels and a multi-form.
2. Biller Label form – this form is a sub form just containing the labels Biller Name, Biller Amount, and the Area Code.
3. Biller Detail form – this form contains the only 3 form items to capture the Biller Info but rendered on the parent form as many times using its Initial Multiplicity property.

Form Creation
Use the following table to create a sample Form and Multi-form.Also, see Form and Multi-Form for further details.

Form Items Creation
Use the following table to insert the required form items. Also, see Configuring Form Items Definitions for further details.

Form Container Creation
Use the following table to create the form container. Also, see Form Containers for further details.

After configuring, write the handlers to launch the form on a menu click. See Showing the form on Menu click for more details.
The form should appear as shown:

To add an instance of the form, use the fm.addNext('FORM_ID') API as shown:
CABR.registerHandler('BTN_ADD','CONT_BILLER_INFO', function (config){ this.fm = config.frmObj;
this.fm.fm.addNext('BILLER_DETAILS');
});
To delete an instance of the form, use the fm.removeAt(formIndex,'FORM_ID'); API as shown:
cbx.ns("my.listner.namespace"); my.listner.namespace.BillerInfoForm = Class(cbx.Observable, {
constructor : function (config)
{
this.fm = config.fm;
},
registerHandlers : function ()
{
var formIndex=null;
this.fm.registerHandler("cbxchange","OPT_BILLER", function(fm, event, fieldname, value, index, parent)
{ //finding the index of the instance to be deleted formIndex=index;
var count = fm.getNumberOfSubForms('BILLER_DETAILS'); for(var i=0; i<count; i++) {
if(i!=index){ fm.model.setValue('OPT_BILLER',"",false,i,parent);
}
}
});
}
});
CFLR.registerListener("BILLER_INFO", my.listner.namespace.BillerInfoForm);
CABR.registerHandler('BTN_ADD','CONT_BILLER_INFO', function (config){
fm.removeAt(formIndex, 'FORM_BBAR_MULTI');
});