Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Laboratorio IV ndice de Temas

Trabajando con Ventanas y mens

Control DropDownListBox Painter3 Trabajando con controles Control CheckBox Control RadioButtom Control EditMask Control MultiLineEdit

NOTA: Deber contar con un workspace con su nombre antes de iniciar el siguiente laboratorio.

Control DropDownListBox
Propsito: Permitir mostrar una lista despejable, la que esta compuesta por dos partes la parte de datos y la de visualizacin. Eventos:

Ocurre cuando un tem es seleccionado en el control. Propiedades: Tab GENERAL Propiedad Name Visible AllowEdit Sorted Item Comentario Es el nombre del control y sirve para identificarlo dentro de la ventana. Muestra u oculta el control Permite editar el contenido del valor visualizado. Permite mostrar ordenados los valores de la lista. Se ingresa la lista de los valores que se desean mostrar al usuario. (Para ingresar un nuevo valor se presiona la tecla TAB) Son las propiedades para el control respecto al tipo, tamao, color, formato de letra. Son las caractersticas comunes para los controles dentro de los objetos, que les permiten configurar sus valores de ubicacin (x,y) alto u ancho entre otros.

ITEMS FONT OTHER

Ejemplos: Crearemos una nueva ventana que llamaremos w_controles1 a la cual deber insertar un control dropdownlistbox:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Presione CTRL + N y luego busque el tab PB Object encuentre el icono de Window y haga doble clic; ahora que tiene una nueva ventana proceda a guardarla con el nombre indicado. Ahora busque el icono del control, para ello ubique el icono de controles como se muestra a continuacin en el crculo azul:

Tambin puede realizar esta operacin utilizando los mens, para ello ubique el men Insert / Controls y ah aparecen los controles disponibles.

Ahora ajuste el diseo de su ventana de modo que tenga la siguiente forma, ajuste las propiedades del ddlb_1 tal y como se muestran a continuacin; adicionalmente en el tab General desmarque la opcin Sorted de modo que power no ordene los tems que usted ingresara:

Luego insertaremos los tems para nuestro control, mueva el Mouse hasta el tab tems e ingrese los siguientes valores:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Guarde la ventana y ejectela, para ello en su target haga clic derecho sobre nuestra ventana y seleccione la opcin Run/Preview como se muestra a continuacin:

Esto permite ejecutar la ventana actual, esta se ejecuta debido a que no tiene referencias de parmetros que se le enven tome esto en consideracin para cuando las ventanas si lo requieran y empezara a obtener errores por la falta de esos parmetros de envi. Su ventana tiene la siguiente presentacin, haga clic sobre el control actual para que aparezcan los tems ingresados:

Ahora regrese al modo diseo y cambie la propiedad Sorted que desmarco y seleccinela nuevamente:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Ahora nuevamente ejecute la ventana usando la opcin Run/Preview y observe los cambios en la forma de presentacin de los tems que usted ingreso: Ahora los tems se muestran ordenados alfabticamente.

Capturando los valores de un control DropDownListBox. El DropDownLisBox, como hemos visto tiene propiedades entre ellas la del text; esta contendr el tem que el usuario haya seleccionado; y para encontrar el tem que el usuario ha seleccionado deber utilizar la funcin SelectItem que permite ubicar en una lista cual es el texto que esta seleccionado. Llevando a la prctica el ejemplo anterior podemos escribir el siguiente cdigo, suponga que usted ha colocado un botn y en el evala el valor que el usuario ha seleccionado de la lista para ello emplearemos el siguiente cdigo:

En la variable ls_text se guarda el texto que el usuario ha elegido y en la variable li_pos se guarda el tem que representa el texto seleccionado, recuerde que tenemos ingresados los siguientes valores:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Si el usuario selecciona el tem Intermedio los valores para las variables: ls_text = Intermedio li_pos = 2 Si por el contrario selecciona Avanzado los valores sern: ls_text = Avanzado li_pos = 3 Adicionalmente observe que power es sensitivo en este caso con el texto seleccionado esto debido a que respeta como el desarrollador haya ingresado los datos.

Painter3: Trabajando con controles

El painter3 de power esta presente en tiempo de diseo, y nos permite: a. Llevar delante o detrs a los objetos. b. Alinear a los objetos c. Cambiar el color del texto. d. Cambiar el color del fondo. e. Cambiar el estilo del borde. Tiene la siguiente apariencia:

Para los iconos del tipo 1,2,4,5 sus propiedades son conocidas por lo que solo las mencionamos. 1. 2. 4. 5. Traer delaten Llevar detrs Color del Font Color del Fondo Propiedades Alineacin Alinear los iconos a la derecha e izquierda centrarlos con horizontalmente, centrarlos verticalmente alinearlos hacia abajo, alinearlos hacia arriba distribuir uniformemente horizontalmente, distribuir uniformemente verticalmente ajustar el ancho, ajustar el alto ajustar el alto y ancho Num. Icono 6 Propiedades Bordes Sin borde Con borde inferior (Underline border)

Num. Icono 3

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Con borde rectangular (Box Border) Con borde tipo sombra (Shadow Box Border) Con borde tipo botn (3d raised border) Con borde tipo caja de texto (3d lowered border) Con borde tipo marco (resize border)

Control CheckBox
Propsito: Permitir marcar o desmarcar una opcin que se desea utilizar; el estndar para nombrar a estos controles es cbx Eventos:

Ocurre cuando se selecciona o deselecciona el control Propiedades: Tab GENERAL Propiedad Name Text Visible Enabled Automatic Checked ThreeState y ThirdState LeftText FONT OTHER Comentario Es el nombre del control y sirve para identificarlo dentro de la ventana. Permite incluir un texto para el control Muestra u oculta el control Habilita o deshabilita el acceso al control Permite cambiar el estado de seleccionado o deseleccionado. Muestra al control como seleccionado TRUE o no seleccionado FALSE Permite habilitar un tercer estado para el control. Permite cambiar el lado en donde se muestra la casilla de seleccin TRUE al lado derecho FALSE al lado izquierdo. Son las propiedades para el control respecto al tipo, tamao, color, formato de letra. Son las caractersticas comunes para los controles dentro de los objetos, que les permiten configurar sus valores de ubicacin (x,y) alto u ancho entre otros. Invocando al control desde el painter1

Invocando al control desde el men

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Control RadioButton
Propsito Permitir seleccionar al usuario una opcin; el estndar para nombrar a estos controles es rb

Eventos

Propiedades Tab GENERAL Propiedad Name Text Visible Enabled Automatic Checked LeftText FONT OTHER Comentario Es el nombre del control y sirve para identificarlo dentro de la ventana. Permite incluir un texto para el control Permite mostrar u ocultar el control Habilita o deshabilita el acceso al control Permite cambiar el estado de seleccionado o deseleccionado. Muestra al control como seleccionado TRUE o no seleccionado FALSE Permite cambiar la forma de presentacin del texto en el control. Son las propiedades para el control respecto al tipo, tamao, color, formato de letra. Son las caractersticas comunes para los controles dentro de los objetos, que les permiten configurar sus valores de ubicacin (x,y) alto u ancho entre otros. Invocando al control desde el painter1

Invocando al control desde el men

Control EditMask
Propsito Permitir ingresar al usuario, datos basados en una mascara (tipo de datos) los que pueden ser: Tipo de Mascaras datemask! datetimemask! decimalmask! Descripcin Ingresar Fechas Ingresar Fechas y Horas Ingresar datos numricos

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

numericmask! stringmask! timemask!

basados en decimal Ingresar datos numricos basados en nmeros Ingresar datos de tipo cadena Ingresar datos de tipo horas.

El estndar para nombrar a estos controles es em Eventos

Propiedades Tab GENERAL Propiedad Name Text Visible Enabled Mask MaskDataType Spin / AutoSpin Comentario Es el nombre del control y sirve para identificarlo dentro de la ventana. Permite incluir un texto para el control Permite mostrar u ocultar el control Habilita o deshabilita el acceso al control Permite definir la mascara para el ingreso de datos. Ver tabla de lista de mascaras Spin: permite al usuario utilizar la propiedad de seleccin mediante el uso de flechas en el control. AutoSpin: permite al usuario seleccionar valores cuando se utiliza la tabla DisplayData Permite seleccionar el incremento cuando se ha seleccionado la propiedad Spin. Adicionalmente se puede indicar un valor mnimo y mximo. Se utiliza esta propiedad cuando se desea permitir al usuario seleccionar valores de una lista. Tambin puede configurarse mediante script de la siguiente manera: em_1.DisplayData = "Black 1/White 2" FONT OTHER Son las propiedades para el control respecto al tipo, tamao, color, formato de letra. Son las caractersticas comunes para los controles dentro de los objetos, que les permiten configurar sus valores de ubicacin (x,y) alto u ancho entre otros. Invocando al control desde el painter1

MASK

Increment / Min Max

Display Data

Invocando al control desde el men

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Aplicando Conceptos
Cree una nueva ventana a la cual llamaremos w_buscar_ej e inserte los controles necesarios de modo que tenga el siguiente diseo: El control radiobutton apellidos se llama rb_apellidos; y el nombre para el radiobutton del cdigo el nombre del control es rb_codigo

Ahora adicionaremos el siguiente script en el botn buscar que nos permita determinar cual de los 2 radiobutton esta seleccionado. Observe que para se propiedad parent.title. usa la

Donde el parent ser la ventana que contiene el botn; ya que el script esta en el clicked del botn cb_1

Ahora ejecute la ventana haciendo clic derecho sobre la misma, pero en el System Tree, la opcin para ejecutar la ventana directamente es Run/Preview luego elija uno de los 2 radio button y observe el mensaje que aparece: La ventana que lanza el comando messagebox cuando selecciono el radiobutton Cdigo.

La ventana que lanza el comando messagebox cuando selecciono el radiobutton Apellidos.

Ahora cree una nueva ventana y llamela w_igv_ej e inserte los controles de modo que tenga el diseo siguiente:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Para el edit mask sub total el control deber llamarse em_subtotal. Para el edit mask IGV el control deber llamarse em_igv. El control Check Box de Afecto al IGV deber llamarse cbx_1 Para el edit mask Total el control deber llamarse em_total.

Observe que si el Check de Afecto al IGV esta seleccionado entones el programa calculara el IGV, de lo contrario colocara el valor del cero para el IGV. Por ultimo se actualiza el valor del control em_igv y el em_total; con los valores calculados.

Ejercicio Propuesto 1
Se pide disear la pantalla siguiente: La lista de niveles debe contener: Bsico, Intermedio, Avanzado La lista de cursos debe contener: Base de Datos, Lenguaje de Programacin, Ofimtica.

Se cuenta con un monto mnimo de pensin el cual se incrementa de acuerdo al curso y nivel del mismo, aplicndose la siguiente tabla de incrementos (en porcentajes): Niveles Intermedio 1.50 1.00 0.40

Curso Base de datos Lenguaje de Programacin Ofimtica

Bsico 0.90 0.60 0.20

Avanzado 2.50 1.50 0.60

Se pide calcular el importe de la pensin del curso por nivel; si la pensin mnima es de 100US$

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Ejemplo: Seleccin del usuario: Ofimtica Intermedio. Ofimtica Intermedio valor de incremento 0.40% por lo que la pensin ser de 140US$; que deber mostrarse al usuario. NOTA: Tendr mayor valor de evaluacin el alumno que a la pantalla anterior, no muestre al usuario un mensaje sino que cambiando los niveles o los cursos muestre en un single line edit el valor para la pensin.

Ejercicio Propuesto 2
Disee la siguiente pantalla:

Taller de Desarrollo V Instructor: Vctor Gutirrez

Powerbuilder 10 Laboratorio IV

Se pide: a. Cuando el tipo de moneda seleccionado sea Soles, el T/C ser el valor 1; y los valores de la moneda de conversin sern iguales a los valores de la moneda origen. b. Cuando el tipo de moneda seleccionado sea Dlares, el T/C deber ingresarse en forma obligatoria y ser mayor a uno; luego deber efectuarse la conversin de cada monto en la columna de la moneda de conversin. c. Cuando el Check de Afecto al IGV este seleccionado se deber calcular el IGV al sub total, y colocar el valor del IGV en la casilla correspondiente.