Qué ofrece Autentia Real Business Solutions S.L?

Transcripción

1 Avenida de Castilla,1 - Edificio Best Point - Oficina 21B San Fernando de Henares (Madrid) tel./fax: info@autentia.com - Qué ofrece Autentia Real Business Solutions S.L? Somos su empresa de Soporte a Desarrollo Informático. Ese apoyo que siempre quiso tener Desarrollo de componentes y proyectos a medida 2. Auditoría de código y recomendaciones de mejora 3. Arranque de proyectos basados en nuevas tecnologías 1. Definición de frameworks corporativos. 2. Transferencia de conocimiento de nuevas arquitecturas. 3. Soporte al arranque de proyectos. 4. Auditoría preventiva periódica de calidad. 5. Revisión previa a la certificación de proyectos. 6. Extensión de capacidad de equipos de calidad. 7. Identificación de problemas en producción. 3a RFP Gran Empresa Concurso Verificación previa Consultora 1 Tecnología Desarrollo Sistemas Producción Consultora 2 Piloto 3b Certificación o Pruebas Consultora 3 autentia Equipo propio desarrollo 4. Cursos de formación (impartidos por desarrolladores en activo) Spring MVC, JSF-PrimeFaces /RichFaces, HTML5, CSS3, JavaScript-jQuery Gestor portales (Liferay) Gestor de contenidos (Alfresco) Aplicaciones híbridas Control de autenticación y acceso (Spring Security) UDDI Web Services Rest Services Social SSO SSO (Cas) Tareas programadas (Quartz) Gestor documental (Alfresco) Inversión de control (Spring) Compartimos nuestro conociemiento en: JPA-Hibernate, MyBatis Motor de búsqueda empresarial (Solr) ETL (Talend) Dirección de Proyectos Informáticos. Metodologías ágiles Patrones de diseño TDD BPM (jbpm o Bonita) Generación de informes (JasperReport) ESB (Open ESB) Para más información visítenos en:

2 Contraseña: Entrar Deseo registrarme He olvidado mis datos de acceso Inicio Quiénes somos Tutoriales Formación Comparador de salarios Nuestro libro Charlas Más Estás en: Inicio Tutoriales Selección múltiple de filas en un datatable con JSF: haciéndolo nosotros m... DESARROLLADO POR: Jose Manuel Sánchez Suárez Consultor tecnológico de desarrollo de proyectos informáticos. Puedes encontrarme en Autentia: Ofrecemos servicios de soporte a desarrollo, factoría y formación Somos expertos en Java/J2EE Catálogo de servicios Autentia Anuncios Google Java Manual De Java Java Code Examples PDF Java API Fecha de publicación del tutorial: Share Regístrate para votar Selección múltiple de filas en un datatable con JSF: haciéndolo nosotros mismos. 0. Índice de contenidos. 1. Introducción. 2. Entorno. 3. Nuestra selección múltiple. 4. Referencias. 5. Conclusiones. 1. Introducción Una vez analizadas la posibilidades que tenemos para añadir selección múltiple a nuestros listados en JSF, puede que los componentes que usamos no se adecúen totalmente a las necesidades de nuestros usuarios o puede que no estemos usando ninguna librería de terceros, que proporcione dicho soporte. Tanto en un caso como en el otro, la solución es añadir nosotros mismos dicha funcionalidad a nuestros datatables. En este tutorial vamos a examinar dicha posibilidad añadiendo, a un datatable del estándar, una columna de selección múltiple que permita la selección de una, varias o todas las filas del listado, esto es, facturas para marcar como pagadas, a través de una casilla de verificación, esto es, un checkbox. Como véis, la historia de usuario que intentamos resolver es la misma que en el tutorial anterior: selección múltiple de filas en un datatable con JSF: haciendo uso de librerías de componentes. Últimas Noticias Hablando de coaching ágil, milagro nocturo y pruebas de vida XIII Charla Autentia - AOS y TDD - Vídeos y Material Las metodologías ágiles como el catalizador del cambio XIV Charla Autentia - ZK Informática profesional: Las reglas no escritas para triunfar en la empresa. 2ª EDICIÓN ACTUALIZADA. Histórico de NOTICIAS 2. Entorno. El tutorial está escrito usando el siguiente entorno: Hardware: Portátil MacBook Pro 17' (2.93 GHz Intel Core 2 Duo, 4GB DDR3 SDRAM). Sistema Operativo: Mac OS X Snow Leopard JSF2 (Mojarra 2.0.4) Apache Tomcat Nuestra selección múltiple. Lo primero es el fuente de nuestro árbol de componentes JSF: 01 <h:form id="pform"> <h:panelgroup> <h:datatable id="invoiceslist" 06 var="invoice" 07 value="#{invoiceview.invoices}" 08 rows="10" 09 binding="#{invoiceview.invoicesdatatable}"> <h:column> 12 <f:facet name="header"> 13 <h:selectbooleancheckbox id="selectallentities" value="# {invoiceview.selectallinvoices}" 14 immediate="true" valuechangelistener="#{invoiceview.selectallinvoiceslistener}"> 15 <f:ajax event="click" render="@form"/> 16 </h:selectbooleancheckbox> 17 </f:facet> 18 <h:selectbooleancheckbox value="#{invoiceview.invoicesselected[invoice]}" 19 immediate="true" valuechangelistener="#{invoiceview.selectinvoicelistener}"> 20 <f:ajax event="click" render="@form"/> 21 </h:selectbooleancheckbox> 22 </h:column> <h:column> 25 <f:facet name="header"> 26 <h:outputtext id="number_label" 27 value="#{msg['invoice.number']}"/> 28 </f:facet> 29 <h:outputtext id="number" 30 value="#{invoice.number}"/> 31 </h:column> <h:column> 34 <f:facet name="header"> 35 <h:outputtext id="client_label" 36 value="#{msg['invoice.client']}"/> 37 </f:facet> 38 <h:outputtext id="label" 39 value="#{invoice.client}"/> 40 </h:column> <h:column> 43 <f:facet name="header"> 44 <h:outputtext id="amount_label" 45 value="#{msg['invoice.amount']}"/> 46 </f:facet> 47 <h:outputtext id="amount" 48 value="#{invoice.amount}"/> 49 </h:column> Últimos Tutoriales Selección múltiple de filas en un datatable con JSF: haciendo uso de librerías de componentes. valor en JSF2: valuechangelistener. Jackson y como deserializar objetos JSON usando un constructor en un datatable con JSF2 Eclipse custom templates Últimos Tutoriales del Autor Selección múltiple de filas en un datatable con JSF: haciendo uso de librerías de componentes. valor en JSF2: valuechangelistener. en un datatable con JSF2 Eclipse custom templates Zen-coding: una nueva forma de escribir código HTML Síguenos a través de: Últimas ofertas de empleo Comercial - Ventas - SEVILLA.

3 50 51 <h:column> 52 <f:facet name="header"> 53 <h:outputtext id="invoiced_label" 54 value="#{msg['invoice.invoiced']}"/> 55 </f:facet> 56 <h:outputtext id="invoiced" 57 value="#{invoice.invoiced}"/> 58 </h:column> </h:datatable> 61 <h:panelgroup> 62 <h:commandbutton actionlistener="#{invoiceview.markasinvoicedlistener}" value="# {msg['components.datatablemultipleselection.bill']}"/> 63 </h:panelgroup> 64 </h:panelgroup> <h:panelgroup id="selectedinvoicespanel"> 67 <h:outputtext value="#{msg['components.datatablemultipleselection.selectedinvoices']}" /> 68 <ul> 69 <ui:repeat var="invoice" value="#{invoiceview.allinvoicesselected}" > 70 <li><h:outputtext value="#{invoice.number} - #{invoice.client} - #{invoice.amount}" /> </li> 71 </ui:repeat> 72 </ul> 73 </h:panelgroup> </h:form> Lo interesante se encuentra en el primer h:column en el que incluimos dos checkboxes, uno en la cabecera y otro en cada fila (en cada item del listado) de modo que produzcan dos eventos de cambio de valor: al pulsar sobre el de la cabecera se seleccionarán o deseleccionarán todas las facturas, pulsando sobre el checkbox de cada una de las filas se hará lo propio con la factura seleccionada Los eventos se producen a través de Ajax de modo que en la respuesta se rerenderiza todo el formulario (@form), a nosotros nos interesa que se rerenderize el listado de la parte inferior en el que mostramos las facturas seleccionadas. Hay un tercer evento en la vista, correspondinete al botón de "facturar" que marcará como facturadas todas las filas seleccionadas. El soporte del lado del managedbean es el siguiente: 001 package com.autentia.jsf.showcase.view; import java.util.arraylist; 004 import java.util.hashmap; 005 import java.util.iterator; 006 import java.util.list; 007 import java.util.map; import javax.annotation.postconstruct; 010 import javax.faces.bean.managedbean; 011 import javax.faces.bean.viewscoped; 012 import javax.faces.component.uidata; 013 import javax.faces.event.actionevent; 014 import javax.faces.event.valuechangeevent; import org.apache.log4j.logger; import com.autentia.jsf.showcase.core.addsampledata; 019 import com.autentia.jsf.showcase.core.invoice; 020 import com.autentia.jsf.showcase.core.financialservice; public class InvoiceView { private static final long serialversionuid = L; private static final Logger log = Logger.getLogger(InvoiceView.class.getName()); private List<Invoice> invoices; private boolean selectallinvoices; private UIData invoicesdatatable; protected void init(){ 038 log.debug("init..."); 039 AddSampleData.initializeInvoices(); 040 } public List<Invoice> getinvoices(){ 043 if (invoices == null){ 044 invoices = FinancialService.getInstance().getAll(); 045 } 046 log.debug("allinvoices: " + invoices); 047 return invoices; 048 } public void setinvoicesdatatable(uidata invoicesdatatable) { 051 this.invoicesdatatable = invoicesdatatable; 052 } public UIData getinvoicesdatatable() { 055 return invoicesdatatable; 056 } public void markasinvoicedlistener(actionevent event){ 059 final List<Invoice> invoicesselected = getallinvoicesselected(); 060 log.debug("markasinvoicedlistener " + invoicesselected); 061 FinancialService.getInstance().markAsInvoiced(invoicesSelected); 062 } public void setselectallinvoices(boolean selectallinvoices) { 065 this.selectallinvoices = selectallinvoices; 066 } public boolean isselectallinvoices() { 069 return selectallinvoices; 070 } private Map<Invoice,Boolean> invoicesselected = new HashMap<Invoice, Boolean>(){ private static final long serialversionuid = L; public Boolean get(object object) { 078 if (isselectallinvoices()){ 079 invoicesselected.put( (Invoice) object, Boolean.TRUE); 080 return Boolean.TRUE; 081 } 082 if (!containskey(object)){ 083 return Boolean.FALSE; 084 } 085 return super.get(object); 086 }; }; public Map<Invoice,Boolean> getinvoicesselected() { 091 return invoicesselected; 092 } public List<Invoice> getallinvoicesselected(){ 095 if (isselectallinvoices()){ 096 return getinvoices(); Otras - Electricidad - BARCELONA Otras Sin catalogar - LUGO T. Información - Analista / Programador - BARCELONA. Jose Manuel Sánchez sanchezsuarezj Salgo de la ducha y me encuentro a los críos usando el ipad con los dedos de los pies (y bien!) #elfuturoyaestáaquí 4 hours ago reply JSF PrimeFaces add-on for Spring ROO. yesterday reply valor en #JSF2: valuechangelistener: 23 hours ago reply en un datatable con #JSF2: Join the conversation

4 097 } 098 final List<Invoice> result = new ArrayList<Invoice>(); 099 final Iterator<?> iterator = invoicesselected.keyset().iterator(); 100 while (iterator.hasnext()) { 101 Invoice key = (Invoice) iterator.next(); 102 if (invoicesselected.get(key)){ 103 result.add(key); 104 } 105 } 106 log.debug("allinvoicesselected " + result); 107 return result; 108 } public void clearentitiesselected(){ 111 selectallinvoices = false; 112 invoicesselected.clear(); 113 } public void selectallinvoiceslistener(valuechangeevent event){ 116 selectallinvoices = ((Boolean) event.getnewvalue()).booleanvalue(); 117 if (!selectallinvoices){ 118 clearentitiesselected(); 119 } 120 } public void selectinvoicelistener(valuechangeevent event){ 123 selectallinvoices = false; 124 invoicesselected.put((invoice)invoicesdatatable.getrowdata(), (Boolean) event.getnewvalue()); 125 } } Los aspectos destacados a comentar son los siguientes: hacemos uso de una referencia al datatable a través del binding al objeto UIData invoicesdatatable, para obtener la fila seleccionada en el datatable en los eventos de cambio de valor, ya hemos visto que tenemos varias formas de acceder a la fila seleccionada de un datatable nosotros hemos optado aquí por esta, invoicesselected mantiene un mapa de facturas que indica las que están seleccionadas y las que no. Dicho mapa no se inicializa, de ahí la necesidad de sobreescribir el método get del mismo, para evitar problemas de gestión en el evento de cambio de valor, en caso contrario se producirían N eventos de cambio de valor de null, que es lo que devolvería el método get de la clase HashMap, a false. En dicho método se asigna el valor de seleccionado a las filas si se ha fijado la marca de "seleccionar todos" a través del evento correspondiente. por qué un mapa?, porque con el soporte de EL del que disponemos no podemos invocar a un método del controlador pasándole un parámetro, con lo que la única forma de obtener si se ha seleccionado o no una fila es obtener el valor de un mapa, value="# {invoiceview.invoicesselected[invoice]}". Hay una segunda opción, que es mantenter un atributo selected a nivel de entidad, pero lo desaconsejamos porque si trabajamos con entidades persistibles estamos mezclando lógica de presentación con lógica de persistencia y su existencia exige recorrer el listado de entidades más de lo debido con lo que incide en rendimiento. El resultado a nivel de interfaz visual es el siguiente: Aplicándole los estilos corporativos de nuestro cliente, tendríamos las necesidades del mismo cubiertas. 4. Referencias Conclusiones. Lo ideal es que esta funcionalidad estuviera encapsulada en un componente de la vista que no supusiera implicaciones en el controlador, para ello tenemos dos opciones: crear o extender un componente nativo, incluirlo en un componente más ligero, basado en componentes por composición de facelets, como lo que tenemos nosotros en wuija. Recordad que si estáis interesados en el contenido de nuestros tutoriales y tenéis una necesidad formativa al respecto podéis poneros en contacto con nosotros. En Autentia nos dedicamos, además de a la consultoría, desarrollo y soporte a desarrollo, a impartir cursos de formación de las tecnologías con las que trabajamos. Un saludo. Jose jmsanchez@autentia.com Anímate y coméntanos lo que pienses sobre este TUTORIAL: Puedes opinar o comentar cualquier sugerencia que quieras comunicarnos sobre este tutorial; con tu ayuda, podemos ofrecerte un mejor servicio. Enviar comentario (Sólo para usuarios registrados)» Registrate y accede a esta y otras ventajas «

5 COMENTARIOS Esta obra está licenciada bajo licencia Creative Commons de Reconocimiento-No comercial-sin obras derivadas 2.5 Copyright All Rights Reserved Texto legal y condiciones de uso Banners Powered by Autentia Contacto