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?

¿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 *

*

¡Hola! 👋

La publicidad de este blog ayuda a su sustento

Gracias (: