Skip to main content

Usando < p:cellEditor > para editar dos celdas de un datatable

Pensemos que tenemos un datatable en el cual las celdas pago y exoneración son editables, deseamos que se actualice el saldo, en base a los valores en estas dos celdas.

En nuestro archivo .xhtml
agregamos un <p:remoteCommand>
  <p:remoteCommand name="onCellEditTableComplete"  update=":form:growl,:form:datatableImpuestos" />

En el <p:datatable>

   <p:dataTable id="datatableImpuestos"
                                             rows="10"
                                             value="#{pagoseventualesSearchController.listRecibosdetalles}" 
                                             var="item"
                                             paginator="true"
                                             rowKey="#{item.idnivel6}"
                                             selectionMode="single"
                                             emptyMessage="#{app['info.notienedeudapendiente']}"

                                             selection="#{pagoseventualesSearchController.selected}"
                                             filteredValue="#{pagoseventualesSearchController.filtered}" 
                                             editable="true" editMode="cell"

                                             > 
Agregamos <p:ajax>
<p:ajax event="cellEdit" listener="#{pagoseventualesSearchController.onCellEdit}" 
                                            update=":form:growl,:form:datatableImpuestos,:form:mensajes" 
                                            oncomplete="onCellEditTableComplete()"/>


En las columnas usamos <p:cellEditor>

  <p:column headerText="#{msg.pago}">
                                        <p:cellEditor>
                                            <f:facet name="output"><h:outputText value="#{item.pago}" /></f:facet>
                                            <f:facet name="input"><p:inputText value="#{item.pago}" style="width:100%" label="Year"/></f:facet>
                                        </p:cellEditor>
                                    </p:column>
                                    <p:column headerText="#{msg.exoneracion}">
                                        <p:cellEditor>
                                            <f:facet name="output"><h:outputText value="#{item.exoneracion}" /></f:facet>
                                            <f:facet name="input"><p:inputText value="#{item.exoneracion}" style="width:100%" label="Year"/></f:facet>
                                        </p:cellEditor>
                                    </p:column>





                                    <p:column>
                                        <f:facet name="header">
                                            <p:outputLabel value="#{msg.saldo}"/>
                                        </f:facet>
                                        <p:outputLabel value="#{item.saldo}" >
                                            <f:convertNumber type="number"   groupingUsed="true"
                                                             minFractionDigits="2" pattern="#0.00"/>
                                        </p:outputLabel>
                                    </p:column>


En el @NamedBeans creamos el metodo onCellEdit
obtiene le fila seleccionada
            selected = listRecibosdetalles.get(event.getRowIndex());

permite asignar valores a las columnas especificas
listRecibosdetalles.get(event.getRowIndex()).setPago(0.0);


 public void onCellEdit(CellEditEvent event) {
 try {

            selected = listRecibosdetalles.get(event.getRowIndex());

            Object oldValue = event.getOldValue();
            Object newValue = event.getNewValue();
            if (newValue != null && !newValue.equals(oldValue)) {
             if (selected.getPago() < 0) {
                    JSFUtil.warningDialog(rf.getMensajeArb("info.message"), rf.getMensajeArb("info.valornegativo"));
                    listRecibosdetalles.get(event.getRowIndex()).setPago(0.0);
                    selected.setPago(0.0);
                    listRecibosdetalles.get(event.getRowIndex()).setSaldo(selected.getSaldoanterior() - selected.getPago() - selected.getExoneracion());
                }
}

Comments

Jonathan Lopez said…
Hola, no me funciono tu codigo, le puse un else con un mensaje de "error" y ese es el que muestra en consola, espero respondas, necesito esa funcionalidad

Popular posts from this blog

Apache NetBeans

Apache NetBeans
https://wiki.apache.org/incubator/NetBeansProposal

Si, algo que se esperaba desde hace muchos años, una liberación de NetBeans, para convertirlo en un IDE más abierto, y que permita mayor contribución de la comunidad y de otras empresas, ya inicio su primera etapa en la incubadora de la Fundación Apache.
Las implicaciones que esto conlleva son múltiples por una parte esta la evolución de NetBeans, al permitir que más contribuyentes puedan aportar a sus mejoras, también garantiza que aquellas instituciones no sientan que es una sola organización la que controla la evolución. A las comunidades les permite sentirse que participan de un proyecto con todas las garantías que ofrece la Fundación Apache.

Muchos pensaran que Oracle esta dejando morir el proyecto, la realidad es diferente, hay muchos ingenieros que están participando del proyecto en la fundación Apache.
Es una noticia excelente para los desarrolladores, instituciones, empresas que utilizan NetBeans , se estima qu…

Un ejemplo sencillo de Refactorización y Genericos

Un ejemplo sencillo de Refactorización y Genericos

public class Refactorizador<K, V> {

    public V copyFromBeans(K k, V v) {
        try {
            Class claseK = k.getClass();
            Class claseV = v.getClass();

            Method[] metodosK = claseK.getMethods();

            for (Method method : metodosK) {
                if (isGetter(method)) {
                    Method metodoGetK = claseK.getDeclaredMethod(method.getName());
                    Method metodoSetV = claseV.getDeclaredMethod(changeGetBySet(method.getName()), method.getReturnType());
                    metodoSetV.invoke(v, metodoGetK.invoke(k));
                }

            }

        } catch (Exception e) {
            System.out.println("refactorizador() " + e.getLocalizedMessage());
        }
        return v;
    }

     public  boolean isGetter(Method method) {

        if (!method.getName().startsWith("get")) {
            return false;
        }
        if (method.getName().startsWith("getCla…

FileUpload con Primefaces

FileUpload con Primefaces

Si queremos subir imagenes a nuestra aplicación usaremos el componente FileUpload Debemos realizar los siguientes pasos:
Agregar al archivo web.xml

   <filter>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <filter-class>            org.primefaces.webapp.filter.FileUploadFilter        </filter-class>    </filter>    <filter-mapping>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <servlet-name>Faces Servlet</servlet-name>    </filter-mapping>



Crear dentro de resources el directorio donde deseamos almacenar las imagenes En este ejemplo: resources/fotos/clinicas y agregue una imagen llamada fotos.png que se usará como imagen inicial.



En JSFUtil u otro @Named Beans que usemos agregamos tres métodos uno para obtener el path de la aplicación web , otro para obtener el path relativo a /fotos/clinicas y el otro para copiar los archivos. /*