Detalle (Maestro-Detalle)<Permiso> list

Permiso depende de Agente.

  • Se agregan <a:search><a:searchDate><a:searchBetweenDate>

  • Se colocan en<b:row>, con <b:columnmedium-screen="”>para una mejor distribuciòn de los elementos.

  • Agregamos la informaciòn del padre y un botòn para regresar.

  • Viene del formulario agente con el componente.

  • (Se invoca desde el list Agente)

Esquema

<b:form id="form">
            <b:growl id="msgs"/>
     <b:panel title="#{app['label.search']}" id="content"> 
         <b:panelGrid colSpans="1,4,1,6"  columns="4" size="xs"> 
            <p:outputLabel/>
            <p:outputLabel/>
             <b:commandButton/>
         </b:panelGrid>
                   <b:row>
                    <b:column medium-screen="4">
                        <a:search />                                  />
                    </b:column>
                    <b:column medium-screen="8">
                        <a:searchDate   />
                    </b:column>
                </b:row>
                <b:row>
                    <b:column medium-screen="25" >
                        <a:searchBetweenDate   />
                    </b:column>
                </b:row>

             </b:panel>

     <b:panel id="dataTable">
        <a:paginator/>
        <b:dataTable>
            <b:dataTableColum/>
            <b:dataTableColum>
                <a:column/>
                                           <e:columnEntity>{ se crean otros botones personalizados}
            </b:dataTableColumn>
        </b:dataTable>
    </b:panel>   
</b:form>
<a:denegado>

Código

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition template="/layout/template.xhtml" 
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:b="http://bootsfaces.net/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:a="http://xmlns.jcp.org/jsf/composite/avbravo"
                xmlns:e="http://xmlns.jcp.org/jsf/composite/extensions">
    <ui:define name="content">
        <!--<h:outputStylesheet library="bsf" name="css/thumbnails.css"/>-->

        <style>
            .thumbnail { max-width: 100%; }
            img.thumbnail:hover, img.thumbnail:focus {
                border: 1px solid;
                border-color: #428BCA;
            }
        </style>
        <h1>#{msg['titlelist.permiso']}</h1>
        <hr/>
        <b:form id="form"  prependId="false"  rendered="#{loginController.loggedIn and applicationMenu.permiso.list}" onkeypress="if (event.keyCode == 13) {
                    return false;
                }">
            <b:panel title="#{app['label.search']}" id="content"> 
                <b:panelGrid colSpans="1,4,1,4,2"  columns="5" size="xs"> 
                    <p:outputLabel  value="#{msg['field.idagente']}" />
                    <p:outputLabel value="#{permisoController.agente.idagente}"/>
                    <p:outputLabel  value="#{msg['field.agente']}" />
                    <p:outputLabel value="#{permisoController.agente.nombre}"/>

                    <b:commandButton immediate="true"
                                     look="primary"
                                     iconAwesome="fa-list-alt" 
                                     value="#{msg['button.agente']}"
                                     rendered="#{applicationMenu.agente.list}" 
                                     title="#{msg['button.agente']}"                                      action="#{agenteController.prepare('golist',agenteController.agente)}"/>
                </b:panelGrid>
                <b:row>
                    <b:column medium-screen="4">
                        <a:search label="#{msg['field.idpermiso']}"
                                  value="#{permisoController.lookupServices.idpermiso}"
                                  renderedList="#{applicationMenu.permiso.list}"  
                                  search="#{permisoController.searchBy('idpermiso')}"
                                  />
                    </b:column>
                    <b:column medium-screen="8">
                        <a:searchDate label="#{msg['field.fechainicio']}"
                                      renderedMove="true"
                                      pattern="dd/MM/yyyy"
                                      value="#{permisoController.lookupServices.fechaincio}"                        
                                      renderedList="#{applicationMenu.permiso.list}"  
                                      search="#{permisoController.searchBy('fechainicio')}"
                                      />
                    </b:column>
                </b:row>
                <b:row>
                    <b:column medium-screen="25" >

                        <a:searchBetweenDate 
                            renderedMove="true"
                            labelDesde="#{msg['field.fechainicio']}"
                            valueDesde="#{permisoController.lookupServices.fechaDesde}"
                            labelHasta="#{msg['field.fechafin']}"
                            valueHasta="#{permisoController.lookupServices.fechaHasta}"
                            renderedList="#{applicationMenu.permiso.list}"  
                            search="#{permisoController.searchBy('_betweendates')}"
                            />
                    </b:column>
                </b:row>
            </b:panel>

            <b:panel id="dataTable">
                <a:paginator 
                    clear="#{permisoController.clear()}"
                    first="#{permisoController.first()}"
                    back="#{permisoController.back()}"
                    next="#{permisoController.next()}"
                    last="#{permisoController.last()}"
                    page="#{permisoController.page}"
                    pages="#{permisoController.pages}"
                    skip="ajax:acacionController.skip(permisoController.page)"
                    new="#{permisoController.prepare('gonew',permisoController.permiso)}"
                    printAll="#{permisoController.printAll()}"
                    />
                <b:dataTable value="#{permisoController.permisoDataModel}"
                             var="item"
                             id="dataTable2"
                             paginated="false"
                             onpage="console.log('page');">

                    <b:dataTableColumn value="#{item.idpermiso}" label="#{msg['field.idpermiso']}"/>
                    <b:dataTableColumn  label="#{msg['field.fechainicio']}" >
                        <a:labelDate  pattern="dd/MM/yyyy HH:mm:ss" value="#{item.fechainicio}"/>
                    </b:dataTableColumn>
                    <b:dataTableColumn  label="#{msg['field.fechafin']}" >
                        <a:labelDate pattern="dd/MM/yyyy HH:mm:ss"  value="#{item.fechafin}"/>
                    </b:dataTableColumn>

                    <b:dataTableColumn label="">
                        <a:column
                            edit="#{permisoController.prepare('view',item)}"
                            delete="#{permisoController.delete(item,false)}"
                            rendered="#{applicationMenu.permiso.delete}"
                            />
                    </b:dataTableColumn>

                </b:dataTable>
            </b:panel>

        </b:form>

        <a:denegado renderedcondition="#{!loginController.loggedIn or !applicationMenu.permiso.list}" />
    </ui:define>
</ui:composition>

Last updated

Was this helpful?