| | | Getting Started con GeneXus 9.0 y Ajax |
|
| Pruebe usted mismo la funcionalidad de GeneXus 9.0 y Ajax usando el Getting Started de GeneXus 9.0 |
|
Uno de los desafíos más importantes para los desarrolladores hoy en día es
poder implementar aplicaciones con interfaces amigables para los usuarios
finales. Dependiendo del nivel de interacción con el usuario final, la interfaz
de las aplicaciones puede generar una experiencia positiva o negativa. Entre
otras cosas, una interfaz amigable implica hacer el ingreso y edición de los
datos tan simple y rápida como sea posible.
GeneXus 9.0 introduce dos propiedades que se pueden configurar para
simplificar la entrada de datos y ayudar el diseño de interfaces más atractivas
y amigables, con la inclusión automática de código basado en Ajax: InputType y
Suggest.
Explicaremos el uso de estas propiedades con un ejemplo que puede probar
usted mismo con el nuevo Getting Started de GeneXus 9.0 que puede acceder en:
www2.gxtechnical.com/portal/hgxpp001.aspx?15,8,77,O,E,0,,1936
Consideremos
la Transacción Customer con los siguientes atributos:
El Web Form por defecto correspondiente a esta Transacción es el
siguiente:
Ahora consideremos la Transacción Invoice con los siguientes
atributos:
En esta Transacción se puede notar que se encuentran los atributos CustomerID
y CustomerName.
El Web Form por defecto correspondiente a esta Transacción es el
siguiente:
Ahora volvemos a diseño y sobre el atributo CustomerID damos clic derecho y
seleccionamos Properties.
En el Tab Control Info podemos configurar las siguientes
propiedades:
- Input Type = Descriptions
- Descriptions form = CustomerName
- Suggest = Incremental
De esta manera, en lugar de ingresar un Cliente por su código, será posible
ingresarlo por su nombre, y los programas realizarán la correspondencia
automáticamente. La propiedad Suggest sugerirá todos los nombres de clientes
posibles que se correspondan con lo que se vaya digitando. Estas características
son parte de la puesta en práctica de Ajax por parte de GeneXus.
Con esta nueva configuración para el atributo CustomerID, el Web Form por
defecto de la Transacción Invoice es el siguiente:
Notar que el Web Form cambió para reflejar el cambio en las propiedades del
atributo CustomerID. Por ejemplo, el atributo CustomerName no es mostrado en el
form, ya que el atributo CustomerID se basará en él para el ingreso de los
datos. Esto mejorará en gran forma la usabilidad de la
aplicación
A continuación vemos la aplicación en ejecución. Se ingresan algunos datos en
la Transacción Customer, como muestra la siguiente figura:
Luego se ejecuta la Transacción Invoice y se comienza con el ingreso. Al
llegar al atributo CustomerID notar que no es necesario conocer el código del
cliente para ingresarlo o seleccionarlo desde una lista de selección,
simplemente alcanza con ingresar las primeras letras del nombre del cliente
(CustomerName) y GeneXus sugerirá los nombres que coincidan con las letras
ingresadas. Para eso se desplegará una lista con los valores posibles.
Como muestra la figura, si se comienza a digitar "Jo" se sugerirán los
clientes cuyo nombre comiencen por ese string.
Esto es gracias a la inclusión automática de código que realiza GeneXus
basado en Ajax, para implementar las configuraciones que se realizaron en el
atributo CustomerID, éstas fueron que el atributo CustomerID tomara las
descripciones del atributo CustomerName y permitir que GeneXus sugiera los
valores posibles de acuerdo a los datos ingresados.
Getting Started de GeneXus 9.0:
www2.gxtechnical.com/portal/hgxpp001.aspx?15,8,77,O,E,0,,1936
|
| | | | | | | | |
| |