SAPUI5: Mostrar el tamaño de una tabla en el IconTabFilter

Cuando tenemos un IconTabBar con una tabla que recupera datos de un servicio oData y no tenemos ni repajolera idea de cuantas entradas tiene la tabla, queda muy chulo poder recuperar el número de entradas y mostrarlo en el icono donde esta la tabla. De esta manera tenemos una información visual muy útil.

Así que si partimos de una aplicación como la que hicimos en este post, podríamos querer conseguir algo como lo siguiente:

¿Pero cómo podemos obtener y rellenar ese dato?

¡El Gran Circo de SAPUI5 ya está aquí! ¡Pasen y vean, señoras y señores, pasen y vean!

SAPUI5: Separar contenido mediante barras de iconos (Icon Tab Bar)

Habíamos estado viendo ejemplos de cómo crear una tabla con contenido estático y con contenido dinámico, obtenido a través de un servicio oData. La primera (la estática) la estábamos utilizando como si fuese una leyenda, para aprender a trabajar con tablas. La segunda nos servía para ver como enlazar una colección con la tabla.

Todavía nos falta hacer la tabla dinámica responsive. Pero hay que admitir que la aplicación quedaba más fea que un goblin con sarna, con las dos tablas juntas y sin separación. Así que en este tutorial vamos a separarlas y así aprendemos a usar un componente, el IconTabBar.

Nuestro objetivo es obtener algo así:

Al pulsar cada icono, veremos una tabla distinta y el resto hará ¡puf! y dejará de verse

De tal forma que, cuando pulsemos un icono, nos muestre sólo la leyenda, y cuando pulsemos el otro, la tabla con los datos. El tercero será para mostrar información adicional.