Posteado por: edeortuzar | 20/07/2012

Poner el foco en un control con RichFaces


Me encontré con una necesidad del usuario que me esta poniendo los pelos de punta, pero más o menos le voy encontrando la forma.

Necesita que al ingresar a una pantalla el foco del cursor quede sobre el primer textbox o combo que aparezca.

Opción 1. Nosotros nos manejamos con una página de template, por lo que directamente puse las siguientes líneas en el template utilizando JQuery:

<script>
jQuery.noConflict();
</script>
<rich:jQuery selector=”select:first,input[@type=text]:first” timing=”onload” query=”focus()” />

De esta manera al iniciar todas la páginas (evento onload -> timing=”onload”) se pone el foco (query=”focus()”).

El atributo selector indica sobre que tags queremos trabajar, aquí van los tags HTML.

Opción 2. Indicar la siguiente línea en cada página:

<rich:jQuery selector=”#txtnombre” timing=”onload” query=”focus()” />

<h:inputText id=”txtnombre” size=”50″ maxlength=”50″ value=”#{entidadHome.atributo.nombre}”></h:inputText>

Donde el atributo selector indica con # el nombre del control que queremos que se pose el foco

Pueden tener más información en:

http://livedemo.exadel.com/richfaces-demo/richfaces/jQuery.jsf?c=jQuery&tab=usage

http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/rich_jQuery.html

http://mkblog.exadel.com/2010/05/setting-focus-on-a-component-with-richfaces/

http://mkblog.exadel.com/2008/10/richfaces-focus-attribute/

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: