Add different form elements dynamically in MVC view

[former_member198357]

Dear All,

I have created MVC view(XML) and I am using sap.ui.core.mvc.Controller.extend to define and initialize my controller. Now, I need to add form elements in my view dynamically with Odata binding based on value from backend system.

Could anybody please let me know how to do this.

Regards,

Bhavin

[former_member9607]

Hi Bhavin,

If I am not misunderstood then you want to put dynamic controls of different type in your Form. Right?

You will have some properties to decide whether you should add Input or Dropdown.

For example,

The first element may be the Input and the second one will be Datepicker. This controls may change for some other record.

You can define your form in XML view and create an object of type FormContainer in controller ( onBeforeRendering method) . Add your elements of type FormElement in that container based on values retrieved from ODATA.

Assign that container to your Form in XML view.

Please let me know if you require more details on this or I am missing something.

Regards,

KK

[former_member198357]

Hi KK,

Thanks for the reply.

I have already tried this option but I am getting very unusual error.

"Cannot read property 'Label' of undefined"

following is my code

          var formContainer = new sap.ui.layout.form.FormContainer()

                                   }),

               ]

          });

Could you please sahre some example if you already have with MVC controller

Regards,

Bhavin

[former_member198357]

I was using SAP.UI.COMMONS.<Elements> instead of SAP.M.<ELEMENTS>. Now its working fine.

[sandeep_mekala]

Hi

I have a similar requirement in my PoC. I need to add controls dynamically from controller to view base on some data. Is there way to do this using mobile controls.(sap.m.<element>).

One of the approach that I think of is have different fragments for each control and dynamically push this fragments to view based on data.

Thanks in advance:)

[Former Member]

I think the fragments / html5 templates are cleaner and support re-use:

HTML Templating in SAPUI5 - User Interface Add-On for SAP NetWeaver - SAP Library

Fragments - UI Development Toolkit for HTML5 (SAPUI5) - SAP Library