0 Replies Latest reply on Dec 9, 2010 3:15 AM by Mario Tigua

    Problem with subheaders in sorted rich:datatable with subtable

    Mario Tigua Newbie

      Hi to everyone!

       

      I have a sorted rich:datatable with a subtable, but I have to put subheaders. How can I do this? I have attached an image that shows my problem.

       

      This is my current code:

       

      <rich:dataTable
      id="tablaDocumentosBandejaEntrada" rows="20" styleClass="resultados"
      onRowMouseOver="this.style.backgroundColor='#F8F8F8'"
      onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
      cellpadding="1" cellspacing="1" width="100%"
      value="#{reporte.documentoEnBandejaEntrada}"
      var="documentoEnBandejaEntrada"
      rendered="#{reporte.documentoEnBandejaEntrada != null}"
      rowClasses="impar"
      >
      <rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">
      <f:facet name="header">
      <h:outputText value="Ver Expediente" />
      </f:facet>
      <a4j:commandButton id="verExpediente" alt="Ver Expediente" image="/img/ver_detalle_01.gif" action="#{verExpedienteDesdeReporte.begin()}"
      rendered="#{reporte.renderedVerExpediente(documentoEnBandejaEntrada.idDocumento)}">
      <f:param name="idExpediente" value="#{reporte.obtenerIdExpediente(documentoEnBandejaEntrada.numeroExpediente)}" />
      <f:param name="bandejaEntradaCopia" value="false" />
      </a4j:commandButton>
      </rich:column>
      <rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">
      <f:facet name="header">
      <h:outputText value="Ver Documento" />
      </f:facet>
      <a4j:htmlCommandLink immediate="true" border="0px" target="_blank" action="#{visualizador.verDocumento(documentoEnBandejaEntrada.idDocumento)}"
      rendered="#{reporte.renderedVisualizarExpediente(documentoEnBandejaEntrada.idDocumento)}">
      <h:graphicImage border="0px" alt="#{documentoEnBandejaEntrada.idDocumento}" url="/img/icono_visualizar_doc_adjunto.gif" />
      </a4j:htmlCommandLink>
      </rich:column>
      <rich:column
      sortable="true" sortBy="#{documentoEnBandejaEntrada.tipoDocumento}"
      rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}"> 
      <f:facet name="header">
      <h:outputText value="Tipo Documento" />
      </f:facet>
      <h:outputText value="#{documentoEnBandejaEntrada.tipoDocumento}" />
      </rich:column>
      ...................................
      <rich:column colspan="5" style="vertical-align: top;"> 
      <f:facet name="header">
      <h:outputText value="Datos de Bandeja" />
      </f:facet>
      <rich:subTable id="tablaDocumentosBandejaEntrada" styleClass="resultados" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
      onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" cellpadding="1" cellspacing="1" width="100%" var="expedienteAsociado"
      value="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento}">
      <rich:column> 
      <h:outputText value="#{expedienteAsociado.destinatario.cargo.unidadOrganizacional.descripcion}" />
      </rich:column>
      <rich:column> <h:outputText value="#{expedienteAsociado.destinatario.cargo.descripcion}" />
      </rich:column>
      <rich:column> <h:outputText value="#{expedienteAsociado.destinatario.getNombreApellido()}" />
      </rich:column>
      <rich:column> <h:outputText value="#{expedienteAsociado.fechaDespacho}">
      <f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />
      </h:outputText>
      </rich:column>
      <rich:column> 
      <h:outputText value="#{expedienteAsociado.fechaAcuseRecibo}">
      <f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />
      </h:outputText>
      </rich:column>
      </rich:subTable>
      </rich:column>
      </rich:dataTable>

      <rich:dataTable

      id="tablaDocumentosBandejaEntrada" rows="20" styleClass="resultados"

      onRowMouseOver="this.style.backgroundColor='#F8F8F8'"

      onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"

      cellpadding="1" cellspacing="1" width="100%"

      value="#{reporte.documentoEnBandejaEntrada}"

      var="documentoEnBandejaEntrada"

      rendered="#{reporte.documentoEnBandejaEntrada != null}"

      rowClasses="impar"

      >

       

      <rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">

      <f:facet name="header">

      <h:outputText value="Ver Expediente" />

      </f:facet>

      <a4j:commandButton id="verExpediente" alt="Ver Expediente" image="/img/ver_detalle_01.gif" action="#{verExpedienteDesdeReporte.begin()}"

      rendered="#{reporte.renderedVerExpediente(documentoEnBandejaEntrada.idDocumento)}">

      <f:param name="idExpediente" value="#{reporte.obtenerIdExpediente(documentoEnBandejaEntrada.numeroExpediente)}" />

      <f:param name="bandejaEntradaCopia" value="false" />

      </a4j:commandButton>

      </rich:column>

       

      <rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">

      <f:facet name="header">

      <h:outputText value="Ver Documento" />

      </f:facet>

      <a4j:htmlCommandLink immediate="true" border="0px" target="_blank" action="#{visualizador.verDocumento(documentoEnBandejaEntrada.idDocumento)}"

      rendered="#{reporte.renderedVisualizarExpediente(documentoEnBandejaEntrada.idDocumento)}">

      <h:graphicImage border="0px" alt="#{documentoEnBandejaEntrada.idDocumento}" url="/img/icono_visualizar_doc_adjunto.gif" />

      </a4j:htmlCommandLink>

      </rich:column>

       

      <rich:column

      sortable="true" sortBy="#{documentoEnBandejaEntrada.tipoDocumento}"

      rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}"> 

      <f:facet name="header">

      <h:outputText value="Tipo Documento" />

      </f:facet>

      <h:outputText value="#{documentoEnBandejaEntrada.tipoDocumento}" />

      </rich:column>

       

      ...................................

       

      <rich:column colspan="5" style="vertical-align: top;"> 

      <f:facet name="header">

      <h:outputText value="Datos de Bandeja" /> <!-- This is the main header but I have to put subheaders! -->

      </f:facet>

      <rich:subTable id="tablaDocumentosBandejaEntrada" styleClass="resultados" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"

      onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" cellpadding="1" cellspacing="1" width="100%" var="expedienteAsociado"

      value="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento}">

      <rich:column> 

      <h:outputText value="#{expedienteAsociado.destinatario.cargo.unidadOrganizacional.descripcion}" />

      </rich:column>

      <rich:column> <h:outputText value="#{expedienteAsociado.destinatario.cargo.descripcion}" />

      </rich:column>

      <rich:column> <h:outputText value="#{expedienteAsociado.destinatario.getNombreApellido()}" />

      </rich:column>

      <rich:column> <h:outputText value="#{expedienteAsociado.fechaDespacho}">

      <f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />

      </h:outputText>

      </rich:column>

      <rich:column> 

      <h:outputText value="#{expedienteAsociado.fechaAcuseRecibo}">

      <f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />

      </h:outputText>

      </rich:column>

      </rich:subTable>

      </rich:column>

      </rich:dataTable>

       

      Columns in subtable don´t have to be sorted.

       

      Thanks in advance!