viernes, 19 de septiembre de 2014

Struts 2: Iterator


Struts 2: Iterator

¿Como hacemos para recorrer un lista de objetos usando Struts2?


1) Definimos nuestra clase java:

class Persona{
 public String nombre;
 public Integer edad;
  .......
}

Ahora, tenemos 2 opciones:

2.a) En el Jsp. Iteramos la lista de objetos "Persona", mostramos solamente el atributo "nombre":

<s:iterator value="listPersona">
        <s:property value="%{nombre}"/>
</s:iterator>  
 



2.b) O en el Javascript. Creamos un Array de nombres de Persona:

var nombresArray = new Array();
<s:iterator value="listPersonaNombres" id="nombres">
      nombresArray.push("<s:property value="#nombres"/>");
</s:iterator>




Fuente.

jueves, 18 de septiembre de 2014

¿Como obtener el contenido de un button que comparte id con otros button?



Uso la funcion "this".


html:

 <button id="btnIdSolicitudExcepcion">
            aa
</button>           
 <button id="btnIdSolicitudExcepcion">
            bb
</button>  
 <button id="btnIdSolicitudExcepcion">
            cc
</button>  
 <button id="btnIdSolicitudExcepcion">
            dd
</button>    





jquery:   


       $(':button[id="btnIdSolicitudExcepcion"]').click(function(event) {
                var idSelect = $(this).text().trim();
                console.log( "button:" + idSelect);
                 // do
            });


martes, 9 de septiembre de 2014

Cambiar la propiedades CSS cuando ultilizamos tabs (Jquery IU)



Cuando utilizamos los "tabs" ( un Widgets de Jquery IU) vienen propiedades de CSS por default. ¿Como hacemos para cambiar estas propiedades?

Al CSS de nuestra pagina le seteamos la parte (contenedor, contenido, botones, cabecera) del tabs.


Ejemplo:

para el contenedor y los li (cabacera)

.ui-tabs .ui-tabs-nav li {
    width:200px;   
    text-align: center;
    border-width: 2px;
}



Otros pueden ser:

* contenedor: .ui-tabs

* contenido .ui-tabs .ui-widget-content

* botones: .ui-tabs .ui-state-default a

* botones al pasar el mouse sobre ellos: .ui-tabs .ui-state-default a:hover

* botón activo: .ui-tabs .ui-tabs-active a, .ui-tabs .ui-tabs-active a:hover

* cabecera: .ui-tabs .ui-tabs-nav




jueves, 4 de septiembre de 2014

¿Como saber la version de Jquey y Jquery IU?

Muchas veces cuando estamos trabajando sobre la capa vista, necesitamos saber que versión de Jquery y/o Jquery IU  esta usando nuestra aplicación.

Para Jquery:

$().jquery

jQuery().jquery;


Para Jquery IU:
 
$.ui.version

jQuery.ui.version