Apuntes de programador

lunes, 26 de enero de 2015

Seleccionar una celda especifica de una fila.

JQuery: ¿Cómo seleccionar una celda especifica que fue esta usando un radiobutton?

<input type="radio" class="primero" name="radio" >

$("input[@name='radio']:checked").parents('tr').children().eq(1).html().trim()

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

miércoles, 27 de agosto de 2014

Jquery I

Jquery es una librería de JavaScript. Que simplifica de manera notable a éste ultimo.Su pagina oficial es http://jquery.com/.

La sintaxis básica es:

$(selector).action()

El "selector" vendría hacer algún elemento (o pueden ser varios elementos) dentro del DOM. Y la "action" es el evento que haría los seleccionados.

Hagamos un breve ejemplo :

Html:

<html>

<head>

<title>Ejemplo</title>

</head>

<body>

<h1 id ="titulo">Hola mundo!</h1>

</body>

</html>

JS:

$(document).ready(inicializarEventos);

function inicializarEventos() {

$("#titulo").click(presionTitulo);

}

function presionTitulo() {

$("#titulo1").css("color","#ff0000");

}

En este caso el elemento seleccionado es el h1 con id "titulo", cada vez que hagamos click (el evento), este cambiara de color.

Importante:
No olvidarse de agregar la librería actualizada en cada pagina que vamos a utilizar jquery.

miércoles, 6 de agosto de 2014

Jasper Report

Algunos trucos:

* Expresion condicional:

    <textFieldExpression class="java.lang.String">
            <![CDATA[ ($F{nameField}.length() > 9)?
$F{nameField} : " bla , bla"]]>
    </textFieldExpression>

* Salto de linea de un String opcion A:
    Podemos mandarle un parametro con String que ya contenga un salto de   linea:

       Java:
       string cadena1 = "bla bla " + "\n" ;
       string cadena2 = "nanana" + "\n" + cadena1;

       jrxml:
    <textFieldExpression class="java.lang.String">
               <![CDATA[$F{cadena2}]]>
    </textFieldExpression>

* Salto de linea de un String opcion B:
    O podemos hacerlo desde el jrxml:

       Java:
       string cadena1 = "bla bla ";
       string cadena2 = "nanana" ;

       jrxml:

    <textFieldExpression class="java.lang.String">
               <![CDATA[$F{cadena1} + "\n" + $F{cadena2}]]>
    </textFieldExpression>

Algunas propiedades:

* Que el texto que sobrepasa el ancho del campo, baje de linea:

    <textField isStretchWithOverflow="true">
            ...
    </textField>

* Que el mismo valor en DISTINTAS filas se imprima:

isPrintRepeatedValues="true"

* Quitar un elemento una posicion fija y que se posicione segun el contenido de alrededor:

positionType="Float"

* Para que no haga paginado en el reporte (especialmente cuando generamos .xls o .csv):

parameters.put(JRParameter.IS_IGNORE_PAGINATION, Boolean.TRUE);

Nota: "parameters" es la lista de parametros que enviamos cuando instanciamos el JasperReport dentro de la aplicacion.

* Para verificar si es par la columna. ¿Para que nos serviria esto? Por ejemplo para sombrear las columnas pares de una manera y las impares de otra.

Boolean.valueOf( ($V{COLUMN_COUNT}.intValue() % 2) == 0)