list.xhtml

Se divide en dos areas, un panel de busquedas con autocomplete y con atributos del LookupServices

y una datatable donde podemos editar, eliminar un entity,

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>


        <!--<hr/>-->
         <b:form id="form"
                 prependId="false"  rendered="#{loginController.loggedIn and applicationMenu.marca.list}" onkeypress="if (event.keyCode == 13) {
                    return false;
                }">
          <b:growl  id="msgs"/>

          <b:panel title="#{msg['titlelist.marca']}" id="content" look="primary"> 
                <!--<b:panelGrid colSpans="2,10" size="xs">--> 
                <b:panelGrid colSpans="1,4,1,6"  columns="4" size="xs"> 




                    <p:outputLabel value="#{msg['field.descripcion']}"/>
                    <e:autocompletemarca listener="#{marcaController.handleAutocompleteOfListXhtml}"
                                                value="#{marcaController.marcaSelected}"
                                                itemLabel=" #{p.descripcion}"
                                                field="descripcion"
                                                size="45"
                                                update=" :form:dataTable"/>




                </b:panelGrid>
                 <b:row>
                    <b:column medium-screen="4">
                        <a:search label="#{msg['field.idmarca']}"
                                  value="#{marcaController.lookupServices.idmarca}"
                                  renderedList="#{applicationMenu.marca.list}"  
                                  search="#{marcaController.searchBy('idmarca')}"
                                  />
                    </b:column>
                    <b:column medium-screen="8">
                         <a:search label="#{msg['field.descripcion']}"
                                  value="#{marcaController.lookupServices.descripcion}"
                                  renderedList="#{applicationMenu.articulo.list}"  
                                  search="#{marcaController.searchBy('descripcion')}"
                                  />
                    </b:column>
                </b:row>

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

                    <b:dataTableColumn value="#{item.idmarca}" label="#{msg['field.idmarca']}"/>
                    <b:dataTableColumn value="#{item.descripcion}" label="#{msg['field.descripcion']}" />
                    <b:dataTableColumn value="#{marcaController.showNameOfProveedor(item)}" label="#{msg['field.proveedor']}" />
                    <b:dataTableColumn value="#{item.activo}" label="#{msg['field.activo']}" />

                    <b:dataTableColumn label="">

                        <a:column

                            edit="#{marcaController.prepare('view',item)}"
                            delete="#{marcaController.delete(item,false)}"
                            rendered="#{applicationMenu.marca.delete}"
                            />
                    </b:dataTableColumn>

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

        </b:form>

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

Last updated