A raíz de un requerimiento que nos surgió, me di cuenta que a veces necesitamos mostrar una imagen en una columna de una grilla de acuerdo a algún contenido del item que se muestra en cada fila.
Como dice el dicho, “una imagen vale más que 1000 palabras”, y muchas veces podemos mejorar mucho la experiencia del usuario agregando pequeños íconos en las grillas para hacerle notar diferentes aspectos de los elementos que se muestran en ella.
Por ejemplo en La Ley nosotros tenemos una grilla que compone una bandeja de entrada donde se ven diferentes documentos.
Si el documento tiene un archivo adjunto, decidimos mostrar un ganchito (al mejor estilo outlook).
En estos días, surgió un nuevo requerimiento que es diferenciar los documentos que fueron clasificados como “fallos express”, estos fallos tienen prioridad sobre los otros, o son muy importantes. Por ende decidimos mostrar una nueva columna indicando mediante una estrella cuales eran los documentos prioritarios (una vez más tomamos la idea de un cliente de correo, esta vez GMail, y los mails “starred”)
En un principio para hacer esto tuvimos que armar un componente que es un renderer, y que le pedía el source de la imagen al objeto Fallo (nuestro documento), que realizaba la lógica de saber si mostrar o no la imagen, y en base a eso devolvía el path de la imagen o null para que no muestre nada.
Cuando agregamos la nueva columna, tuvimos que crear otra función más, con otro path de otra imagen en el objeto Fallo, y otro renderer para que consultara otra funcion.
Leer más »

Loading ...
Posted by Sebastian Rosenbolt