AJAX - actualizar form con imagenes

 
Vista:

actualizar form con imagenes

Publicado por Martin (1 intervención) el 02/03/2015 22:19:25
Hola a todos:

Lo que necesito es que al hacer click en una imagen, el datagrid de abajo se actualice y muestre la imagen seleccionada.

Tengo el siguiente codigo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<p:dataGrid  value="#{tematicaFrontBacking.tematica.elementos}" var="elemento" columns="4">
    <h:form enctype="multipart/form-data">
        <h:commandButton action="#{elementoInteractivoFrontBacking.seleccionarElemento(elemento.id)}" class="no-selected" image="interactivo_imagen/#{elemento.img_path}">
            <f:ajax rendered=":form"/>
            <h:outputLabel style="margin-left: 50px; font-size: 16px; font-weight: bold" value="#{elemento.nombre}"/>
        </h:commandButton>
    </h:form>
</p:dataGrid>
 
 
 
<p:dataGrid value="#{elementoInteractivoFrontBacking.seleccionElementosBacking.elementoSeleccionados}" var="elem">
    <h:form enctype="multipart/form-data" id="form">
        <h:panelGrid id="panel">
        <h:graphicImage class="" value="interactivo_imagen/#{elem.img_path}"/>
        </h:panelGrid>>
    </h:form>
</p:dataGrid>


En el ultimo dataGrid se muestran todas las imagenes que fueron seleccionadas.

Espero su ayuda. Saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Vainas
Val: 47
Ha mantenido su posición en AJAX (en relación al último mes)
Gráfica de AJAX

actualizar form con imagenes

Publicado por Vainas (71 intervenciones) el 04/03/2015 19:08:30
Buenas:

Creo que hablas de Java no de javascript y no es lo mismo....

Por otro lado (siendo Java) puede que te estes refiriendo a este framework http://www.primefaces.org/.

No soy yo muy bueno en Java pero deberas preguntar sobre algun Evento (y su Listener) que desencadene la accion.

Espero ayudar en algo.

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar