Añadir dinámicamente CheckBoxs a un FormElement de UI5

Nuestras apps empiezan a ser divertidas cuando más dinámicas puedan ser, en este caso vamos a ver la forma de añadir dinámicamente fields a un FormElement de UI5.

En nuestra vista tenemos algo parecido a:


    
    	// Aquí se insertaran los Checkbox dinámicos.
    

// LLamaremos a nuestro container desde el controlador.
var sessionTags = this.getView().byId("contendorCheckboxes");

// Creamos dos CheckBoxes para posteriormente insertarlos.
var checkBox1 = new sap.ui.commons.CheckBox({
	text : "Texto del checkbox 1",
	tooltip : "Tooltip del checkbox 1",
	id : "chekbox_id_1",
	value : "vale1"
});

var checkBox2 = new sap.ui.commons.CheckBox({
	text : "Texto del checkbox 1",
	tooltip : "Tooltip del checkbox 2",
	id : "chekbox_id_2",
	checked : true
});

// Añadimos el primer checkbox creado.
sessionTags.addField(checkBox1);

// Añadimos el segundo checkbox creado.
sessionTags.addField(checkBoxw);

Mas info sobre manipular FormElement de UI5 en su web oficial: https://sapui5.hana.ondemand.com/sdk/#docs/api/symbols/sap.ui.layout.form.FormElement.html#addField

Nota: Tendremos que importar «sap/ui/commons/CheckBox» a nuestro controller si no lo tenemos.


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

Deja una respuesta

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

*