Obtener los valores seleccionados en una tabla UI5

Seguramente tendremos una tabla con sus respectivos atributos:

get-selected-rows-ui5-list1

Para que nos aparezcan los checkbox en las filas deberemos añadirle los siguientes atributos:

mode="MultiSelect"
includeItemInSelection="true"

Con lo que nos que quedaría algo parecido a:

get-selected-rows-ui5-list2

Ahora, para conseguir los datos de cada fila, tendremos en la view un bottón con una acción, en mi caso llamo a la función getRow.

En esta función obtendremos lo que estamos pintando en cada celda.

getRow : function (oEvent) {	

	var oSelectedItem = this.byId("table").getSelectedItems(); 
	for (var i = 0; i < oSelectedItem.length; i++) {
		 var item1 = oSelectedItem[i];
		 var cells = item1.getCells();
		 console.log(cells[0].getText());
		 console.log(cells[1].getText());
		 console.log(cells[2].getText());
		 	 
	}
}

Cada una de las "cells" obtendremos el texto que incluye...

En cambio, si quisiésemos obtener el objeto de cada row (fila), utilizaríamos el siguiente código:

getRow : function (oEvent) {

	var contexts = this.byId("table").getSelectedContexts();
	var items = contexts.map(function(c) {
		return c.getObject();
	});
	console.log(items); 
	 
}

En el objeto items recogeríamos todos los objetos de las filas seleccionadas para a posterior tratarlos.


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 *

*

¡Hola! 👋

La publicidad de este blog ayuda a su sustento

Gracias (: