Skip to main content

Trucos con hipervinculos imagenes VWP

Al usar java studio creator 2, y ahora probando el Visual Web Pack(VWP) de Netbeans, he encontrado la situación similar al utilizar tablas y dentro de ellas imagenes (generalmente fotos) que se encuentra almacenada su url dentro de un campo de cualquier tabla, generalmente, lo que ocurre es que no muestra la imagen incial sino el texto correspondiente al url, desde un punto de vista seria logico ya que no disponemos de la imagen como tal, pero si de su url, (en ambos ocurre la misma situación), para esto debemos eliminar el texto, al colocar en la imagen con el binding a la base de datos, repetia la primera imagen en todas , revisando el jsp, lo llama como un objeto image para todas con referencia la primera imagen, lo que deseamos es mostrar la foto adecuada, debemos cambiar y colocar imageURL="#{currentRow.value['propiedades.foto1']}", el currentRow.value nos trae el valor de la fila actual, con lo cual solucionamos dicha situación.
Acontinuación algunas imagenes :
1.Para este ejemplo usamos la tabla llamada propiedades:












2. Agregamos el dataProvider a la pagina, simplemente arrastramos el nombre de la tabla al formulario. (Tambien podemos añadirla directamente al componente table).
Al igual que en JSC2, nos pregunta donde deseamos ubivar el rowset. Podemos seleccionar el que consideremos más adecuado para nuestro proyecto, en el ejemplo seleccionamos la segunda opción para que la cree como parte del formulario.




















3. Ahora damos click derecho sobre el componente table y seleccionamos Bind to Data. (Recuerde que si arrastra la tabla directamente al componente table, se le muestra automaticamente los campos).















4. Seleccionamos el DataProvider para ligarlo a table.















5. Añadimos los campos que deseamos, en este caso(precio,foto1,descripcion).















6. Despues de dar click en OK, nos mostrara el componente con los campos seleccionados, observe que el campo foto1, lo muestra como texto aun.

Comments

Anonymous said…
Yes! Finally something about health.

Popular posts from this blog

Cambiando el estado de un checkbox

Cambiando el Estado de un CheckBox Algunas veces deseamos controlar el estado de un checkbox o cambiarlo segùn determinadas condiciones. Pasos: 1. Creamos un proyecto Web. 2. En el diseñador agregamos un checkbox y dos botones. * Dar click derecho en el checkbox y luego seleccionar Add Binding Attribute, para agregar los atributos al checkbox, de manera que los podamos usar en nuestro código. Generando automáticamente private Checkbox checkbox1 = new Checkbox(); public Checkbox getCheckbox1() { return checkbox1; } public void setCheckbox1(Checkbox c) { this.checkbox1 = c; } 3.Damos click derecho en el botón Habilitar, y seleccionamos Edit Action Event Handler. A continuación, agregamos el código: this.checkbox1.setSelected(true);, el método setSelected con valor true, marca el checkbox como seleccionado, y un valor de false, quita la marca. public String button1_action() { // TODO: Process the action. Return value is a navigation

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0. En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application indicamos el nombre del proyecto Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0 Framework Java Server Faces El IDE genera el esquelto del proyecto Web Pages   almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes Source Packages    Son las clases Java  Test Packages    Son las clases que usamos para los Test Libraries     Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web. Test Libraries     Están las bibliotecas usadas para los test  Configuration Files    Archivos de configuración de la aplicación. Ejecutamos la aplicación  Esperamos que se inicie GlassFish y se cargue la aplicación Este se

Apache Maven con NetBeans

INSTALAR MAVEN Descargarlo desde http://maven.apache.org/download.html descomprimir el archivo y copiarlo en /home/avbravo Editar profile sudo gedit /etc/profile Agregar export MAVEN_HOME=/home/avbravo/apache-maven-3.0.4 export PATH=$PATH:${MAVEN_HOME}/bin Verificar la versión de maven con mvn –version En NetBeans Crear un nuevo proyecto.  Categorías: Maven Proyectos: Web Application Indicamos el nombre del proyecto, el id del grupo Servidor: Seleccionamos GlassFish Server Tenemos el esqueleto del proyecto creado En propiedades del proyecto. Seleccionamos las diversas categorías Fuentes   Seleccionamos la versión del JDK que estemos usando En Configuraciones.  Seleccionar < configuración predeterminada> y dar clic en Activar Frameworks Dar clic en el botón Add, y seleccionar Java Server Faces En componentes  seleccionar PrimeFaces Podemos agregar las dependencias desde Maven En el proyecto. Dar