Añadir dinámicamente FormElement a un FormContainer

Si queremos hacer dinámica nuestra vista formulario, podemos hacer inserciones de elementos a esta mediante el controller.js.

En este caso vamos a insertar un nuevo elemento de formulario(FormElement) a nuestro contenedor de formulario (FormContainer).

En nuestra view.xml tendremos algo parecido a:


Ahora, desde el controller.js obtenemos el FormContainer:

var formCont = this.getView().byId("containerForm");

Luego, creamos un nuevo FormElement:

// Creamos el FormElement en la variable formeEle1
var formeEle1 = new sap.ui.layout.form.FormElement("id_del_FormElement");

Por último, lo añadimos al contenedor:

formCont.addFormElement(formeEle1);

Podemos añadir directamente un elemento al FormElement, como por ejemplo un Checkbox:

var formeEle1 = new sap.ui.layout.form.FormElement(
	"id_del_FormElement", {
	label : "name Label",
	fields : new sap.ui.commons.CheckBox({
		text : "Texto para el CheckBox",
		tooltip : "Tooltip para el CheckBox",
		id : "id_CheckBox_dinamico",
		value : "valorCheckBox"
	});
});

// luego no olvidemos de añadirlo al FormContainer.
formCont.addFormElement(formeEle1);

Mas info de FormContainer en su web: https://sapui5.hana.ondemand.com/#docs/api/symbols/sap.ui.layout.form.FormContainer.html


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

¿Eres programador/a?

En Pulpo están buscando nuevos talentos, envíales un email a developers@pulpoapp.com.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*