Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Manual de Apex 2-1
Manual de Apex 2-1
Manual de Apex 2-1
Building an Application
Resumen
Esta herramienta permite generar aplicaciones web sobre una base de datos Oracle. Incluye todos los
componentes que se necesitan para construir una interface completa con el usuario. Permite utilizar los datos
de una hoja de clculo, crear modelos de pginas (plantillas), crear reportes, formularios, grficos, calendarios,
navegar a una url, bloquear pginas que se estn modificando (desarrollo en equipo), utilizar listas de valores
(LOV como las de form), implementar cortes de control, crear los formularios y reportes manualmente (adems
de con el wizard), implementar master-detail en un solo formulario, crear formularios a partir de tablas, a partir
de procedimientos almcenandos, a partir de una consulta sql, de un servicio web. Por supuesto se pueden
validar y chequear los datos ingresados por el usuario en forma interactiva, mostrar mensajes de error, crear
pginas de ayuda para los items, crear grficos de control de procesos que monitorean un sistema a intervalos
especficos en forma automtica, crear botones de navegacin, listas de seleccin, check box, popup,
calendarios, areas de texto, file browse (mostrar archivos documentos que estn en disco), ocultar
elementos de la pgina, radio group, etc. Se puede incorporar JavaScript a las aplicaciones web, a travs de
varias interfaces, sin sacrificar la comodidad de desarrollo. Crear LOV dependiente de los seleccionado en otra
LOV. Se puede enviar e-mail desde una aplicacin. Tambin se puede correr la aplicacin en modo debug, es
decir viendo los valores que toman las variables en tiempo de ejecucin.
Esta ayuda del sistema describe como usar el cliente Oracle Application Express conectado
a una base de datos Oracle Express Edition (Oracle Database XE).
Temas:
Documentation Topics
Audience
Documentation Accessibility
Related Documents
Conventions
Documentation Topics
Los temas que se incluyen en esta ayuda son los siguientes:
Title
Description
Quick Start
Running a
Demonstration
Application
Title
Building an Application
Description
como tablas y procedimientos. (*)
Using Application
Builder
Building an
Application
Controlling Page
Layout and User
Interface
Adding Navigation
Understanding
Application
Administration
Managing User
Interface Defaults
Describe como usar la interface de usuario que viene por default para
asignar propiedades a tablas columnas vistas.
Debugging an
Application
Deploying an
Application
Managing Application Describe como proveer seguridad a las aplicaciones desarrolladas con
Security
Application Builder utilizando encriptacin, proteccin del estado de la
sesin, autenticacin y control de autorizacin.
Advanced
Programming
Techniques
Managing Application Explica como traducir una aplicacin construida con Application
Globalization
Builder.
Oracle Application
Express APIs
Managing Database Describe como usar el Object Browser para mostrar, crear y editar
Objects with Object objetos de la base de datos Oracle Database Express Edition.
Browser
Building Queries with Explica como usar la interface grfica del Query Builders para buscar
Query Builder
y filtrar objetos de la base de datos, seleccionar objetos y columnas,
crear relaciones entre objetos, formatear las salidas de los query y
-2-
Title
Building an Application
Description
salvar los query.
Using SQL
Commands
Explica como utilizar los comando SQL para crear, editar, ver, ejecutar
y borrar comando sql.
Administering the
Database
-3-
Building an Application
Building an Application
Building an Application
Building an Application
What Is a Session?
Understanding Session IDs
Building an Application
Descripcin
Muestra el nombre de la aplicacin, el usuario conectado, el Id
del rea de trabajo ( Id del usuario de la base de datos), y el
lenguaje del browser.
Page Items
Muestra los atributos de los items de la pgina, incluye los id de
la aplicacin y de la pgina, nombre del item, como se displaya
el item (oculto, popup, button, display solo del HTML), el valor
del item en la sesin y un Status. La columna Status indica el
estado de la sesin. Los valores posibles son:
I-Insert U-Updated R-Reset
Application
Los application items son items que no residen en la page. Los
Items
application items son variables de estado de sesin
desprovistos de las propiedades de la interface de usuario.
Vase tambin: "Creating an Application-Level Item" y "Using
Substitution Strings" para mayor informacin sobre referencias
a items.
Session State
Resume el estado de la sesin con los datos actuales de la
sesin. Las listas de los Id de aplicacin, los Id de pgina, los
nombres de los item, (tipo de display, valor, y etiquetas de
display).
Ver: "Managing Session State Values"
Gestin de los valores de estado de la sesin
Cuando el motor del Application Express interactua, intercambia datos con la
aplicacin web, es importante conocer como acceder y gestionar los valores de estado de
sesin. En Oracle Application Express, el estado de la sesin se maneja automticamente
para cada pgina y fcilmente referenciado en cdigo HTML esttico en controles de lgica
tales como validaciones y procesos.
Temas:
Building an Application
Building an Application
Building an Application
f?p=6000:6004:&SESSION.::NO:6003:MY_ITEM1:MY_ITEM2,MY_ITEM3:1234,,5678
Este ejemplo:
Ejecuta la pagina 6004 de la aplicacin 6000 de la actual sesin.
Limpia la cache de todos los items de la pgina 6003.
Indica que se oculta la informacin de debug.
Setea los valores: MY_ITEM a 1234, MY_ITEM2 a null (indicado por la coma
utilizada sin valor previo), e indica que MY_ITEM3 se inicialice a 5678.
Clearing Cache para una aplicacin completa.
Se puede limpiar la cache de una aplicacin completa utilizando la sintaxis f?p y
creando un argumento Clear Cache utilizando la palabra clave APP. Por ejemplo:
f?p=App:Page:Session::NO:APP
Nota: Resetear la cache de una aplicacin completa no implica que se restaure el
estado de la aplicacin. Por ejemplo, si una aplicacin incluye clculos procesos (cdigo)
en el evento on-new instance de la aplicacin, el motor del Ap.Ex. ejecuta solo esos
clculos y procesos (cdigo) cuando la sesin de la aplicacin es creada. Luego ejecuta el
proceso de limpiar la cache y displayar la pgina requerida.
La nica forma de resetear una aplicacin completamente, sin el ID de la sesin, es
peticionarla utilizando una URL sin ID de sesin, bien llamando al mtodo
HTMLDB_APPLICATION.CLEAR_APP_CACHE desde otra aplicacin. Si embargo, si el ID es
registrado en el cliente utilizando una cookie, necesitar un logout para resetear el estado.
Clearing Cache para la sesin del usuario conectado.
Otro mtodo para limpiar la cache de una aplicacin es crear un argumento Clear
Cache utilizando la keyword SESSION. Por ejemplo:
f?p=6000:6004:12507785108488427528::NO:SESSION
Variables Relacionadas (Bind)
Se pueden utilizar variables en el cdigo de la aplicacin consultas SQL que hagan
referencia a items especficos de la sesin. Por ejemplo
SELECT * FROM emp WHERE name like '%' || :SEARCH_STRING || '%'
Building an Application
Building an Application
Request
Debug
ClearCache
Descripcin
Id de la aplicacin su alias.
Id de la pgina su alias.
Id de la sesin. Se puede referenciar un id de sesin para crear un link (de
hypertext) a otras pginas que mantienen el mismo estado de la sesin
mediante el pasaje del numero de sesin. Se puede referenciar el ID de
sesin utilizando la siguiente sintaxis:
String de sustitucin: &SESSION
Pl/SQL: v(SESSION)
Variable: :APP_SESSION
Setea el valor de REQUEST. Cada botn de la aplicacin setea el valor de
REQUEST con el nombre del botn. Esto permite aceptar procesos que
hacen referencias al botn que el usuario lo cliqueo. Se puede referenciar a
REQUEST con la siguiente sintaxis:
String de sustitucin: &REQUEST
PL/SQL: V(REQUEST)
Variable: :REQUEST
Muestra detalles del procesamiento de la aplicacin. Los valores vlidos
para la bandera DEBUG son YES NO. Setee esta bandera a YES para
displayar detalles acerca del proceso. Se puede referenciar a la bandera de
DEBUG utilizando la siguiente sintaxis:
String de sustitucin: &DEBUG
PL/SQL: V(DEBUG)
Variable: :DEBUG
Limpia la cache. Esto setea el valor de los items a null.
Para limpiar los item de la cache de una sola pgina, se debe especificar el
ID de la pgina. Para limpiar los items cacheados de varias pginas, se
-13-
Building an Application
listan separados por comas los ID de pgina. Limpiar una cache de una
pgina tambin resetea cualquier proceso de la pgina. Se pueden incluir
valores de items individuales separados por coma nombres de coleccin
la palabra clave RP, la que cual resetea el numerador de pginas de la
regin de la pgina requerida. La palabra clave APP limpia la cache de
todas las pginas y de todos los items de la aplicacin y remueve las
preferencias de orden del usuario conectado. La palabra clave SESSION
logra el mismo resultado que APP pero solo limpia los items asociados a la
aplicacin de la sesin actual.
ItemNames
Lista delimitada por comas de nombres de items para setear el estado de la
sesin en una URL.
ItemValues
Lista de los valores de los items para setear la sesin en una url. Los items
no pueden incluir punto y coma, pero pueden incluir comas si estn entre
barras \. Por ej: \123,25\
PrinterFriendly Determina si la pgina est siendo interpretada (levantada, mostrada) en
modo PrinterFriendly. Si PrinterFriendly est seteado a YES, la pgina se
muestra en modo PrinterFriendly. El valor de PrinterFriendly puede ser
usado para condicionar la interpretacin de la pgina para remover
elementos tales como regiones de la pgina para optimizar la salida
impresa. Se puede referenciar esta bandera utilizando la siguiente sintaxis:
V(PRINTER_FRIENDLY)
Aunque es importante comprender como trabaja la sintaxis de f?p, rara vez
tendremos que redactarla nosotros mismos. El Ap Builder incluye varios wizards que
automticamente crean estas referencias. La siguiente seccin describe casos especficos
en que se utiliza el enlace de pginas con f?p.
Building an Application
Ntese que esto es solo un mtodo para usar un botn. Este mtodo bypasea
submitir la pgina y acta como un hyperlink a otra pgina. Otro mtodo es submitir primero
la pgina. En esta ltima forma, clikeando el botn que submite la pgina para procesarla,
permite al formulario ser submitido y que el estado de la sesin sea guardado.
Ver: "Creating Buttons"
Utilizacin de Strings de sustitucin.
Se pueden usar strings de sustitucin dentro de un templeate de pgina regin
para reemplazar un carcter string por un valor. Al disear la aplicacin y permitir a los
usuarios editar los items, se necesita sustituir strings a fin de pasar la informacin.
Se puede utilizar sustitucin de string de la siguientes formas:
Incluir un string de sustitucin dentro de un template.
Referenciar un item pgina usando la sintaxis &ITEM.
Usar un string de sustitucin para lograr una funcionalidad especfica.
Los strings de sustitucin usado dentro de un template son delimitado por #. Por
ejemplo:
#ABC#
Para referenciar items de pginas aplicacin usar variables de sustitucin:
1. Preceder el nombre del item con un ampersand (&).
2. Agregar un punto al nombre del item.
Por ejemplo, se podra hacer referencia a un item de aplicacin denominado
F101_X en una regin HTML, en un titulo, en una etiqueta en cualquier otro contexto, as:
&F101_X.
Notar que se requiere el punto final. Cuando la pgina es interpretada, el motor del
App.Exp reemplaza el string de sustitucin por el valor del item F101_X
-15-
Building an Application
APP_ALIAS
APP_ID
APP_IMAGES
APP_PAGE_ID
APP_SESSION
APP_UNIQUE_PAGE_ID
APP_USER
AUTHENTICATED_URL_PREFIX
BROWSER_LANGUAGE
CURRENT_PARENT_TAB_TEXT
DEBUG
HOME_LINK
LOGIN_URL
IMAGE_PREFIX
PRINTER_FRIENDLY
LOGOUT_URL
PROXY_SERVER
PUBLIC_URL_PREFIX
REQUEST
SQLERRM
SYSDATE_YYYYMMDD
-16-
Building an Application
WORKSPACE_IMAGES
Ver tambin:
"Substitutions" Acerca de la definicin de string de sustitucin estticos tales como un
atributo de la aplicacin.
"Establishing User Identity Through Authentication" identificacin de usuario a travs de
autenticacin.
APP_ALIAS
App_alias (alfanumrico) con el nombre de la aplicacin actual. App_alias es
diferente de App_Id, ya que App_id debe ser nico en todos los esquemas y en todas las
aplicaciones residentes en una base de datos. En contraste, App_alias requiere que sea
nico solo dentro del esquema al que pertenece. Se puede utilizar App_alias en cualquier
lugar que se pueda utilizar App_id. Por ejemplo, en la sintaxis f?p se puede usar un
app_alias un id de aplicacin como se muestra en el ejemplo siguiente:
f?p=ABC:1:&SESSION.
Este ejemplo ejecuta en la actual sesin, la pgina 1 de la aplicacin ABC.
Sintaxis de: APP_ALIAS.
Reference Type
Syntax
Bind variable
:APP_ALIAS
PL/SQL
V('APP_ALIAS')
Substitution string
&APP_ALIAS.
Syntax
Bind variable
:APP_ID
Direct PL/SQL
HTMLDB_APPLICATION.G_FLOW_ID (A NUMBER)
PL/SQL
NV('APP_ID')
-17-
Reference Type
Syntax
Substitution string
&APP_ID.
Building an Application
Syntax
Bind variable
:APP_IMAGES
Direct PL/SQL
Not available.
PL/SQL
V('APP_IMAGES')
Substitution string
&APP_IMAGES.
Template substitution
#APP_IMAGES#
Syntax
Bind variable
:APP_PAGE_ID
Direct PL/SQL
HTMLDB_APPLICATION.G_FLOW_STEP_ID (A NUMBER)
Direct PL/SQL
:APP_PAGE_ID
PL/SQL
NV('APP_PAGE_ID')
-18-
Building an Application
Reference Type
Syntax
Substitution string
&APP_PAGE_ID.
Ejemplo de sustitucin:
f?p=&APP_ID.:&APP_PAGE_ID.:&SESSION.
APP_SESSION
App_session es uno de los strings de sustitucin ms usados. Se puede utilizar
para crear enlaces de hipertexto entre pginas de aplicaciones que mantienen el estado de
una sesin pasndole el nmero de sesin.
Sintaxis de app_session
Reference Type
Syntax
Bind variable
:APP_SESSION
PL/SQL
V('APP_SESSION')
Short PL/SQL
V('SESSION')
&SESSION.
Substitution string
&APP_SESSION.
APP_UNIQUE_PAGE_ID
App_unique_page_id es un entero generado por una secuencia Oracle el cual es
nico para cada pgina presentada. Este nmero es utilizado por las aplicaciones para
prevenir submitir (aceptar procesar) pginas duplicadas y puede ser usado para otros
propsitos. Por ejemplo, si tu quieres obtener una URL nica para evitar que el browser
guarde en la cache, se puede embeber (incrustar) este numero en la respuesta columna
de debug en el llamado al procedimiento f.
Sintaxis de app_unique_page_id
Reference Type
Syntax
Bind variable
:APP_UNIQUE_PAGE_ID
PL/SQL
V('APP_UNIQUE_PAGE_ID')
-19-
Building an Application
Reference Type
Syntax
Substitution string
&APP_UNIQUE_PAGE_ID.
Syntax
Bind variable
:APP_USER
PL/SQL
V('APP_USER')
Short PL/SQL
V('USER')
Substitution string
&USER.
Building an Application
Sintaxis de authenticated_url_prefix
Reference Type
Syntax
Bind variable
:AUTHENTICATED_URL_PREFIX
PL/SQL
V('AUTHENTICATED_URL_PREFIX')
Substitution string
&AUTHENTICATED_URL_PREFIX.
BROWSER_LANGUAGE
Referencia a la preferencia del lenguaje del browser actual.
Sintaxis de browser_language
Reference Type
Syntax
Bind variable
:BROWSER_LANGUAGE
Direct PL/SQL
HTMLDB_APPLICATION.G_BROWSER_LANGUAGE
PL/SQL
V('BROWSER_LANGUAGE')
Substitution string
:BROWSER_LANGUAGE.
Substitution string
&BROWSER_LANGUAGE.
CURRENT_PARENT_TAB_TEXT
Es el ms utilizado en los template de pginas, pero es solo relevante para
aplicaciones que tienen dos niveles de tab (es decir, los tab parent y standard). Sirve para
referenciar a la etiqueta del tab parent. Permite repetir el tab parent actualmente
seleccionado dentro del template de la pgina.
Sintaxis de current_parent_tab_text
Reference Type
Syntax
Bind variable
Not Available.
Substitution string
&CURRENT_PARENT_TAB_TEXT.
DEBUG
-21-
Building an Application
Los valores vlidos para la bandera de debug son Yes No. Activando debug se
muestran los detalles del proceso de la aplicacin. Si se escribe cdigo y se desea ver el
debug la nica forma es setear el modo debug a yes.
Sintaxis de debug
Reference Type
Syntax
Bind variable
:DEBUG
Direct PL/SQL
HTMLDB_APPLICATION.G_DEBUG
PL/SQL
V('DEBUG')
Substitution string
&DEBUG.
Syntax
Direct PL/SQL
HTMLDB_APPLICATION.G_HOME_LINK
PL/SQL
V('HOME_LINK')
Template Reference
#HOME_LINK#
Substitution String
&HOME_LINK.
Syntax
Bind variable
:LOGIN_URL
Direct PL/SQL
HTMLDB_APPLICATION.G_LOGIN_URL
-22-
Building an Application
Reference Type
Syntax
PL/SQL
V('LOGIN_URL')
Substitution string
&LOGIN_URL.
Template Substitution
#LOGIN_URL#
IMAGE_PREFIX
Determina un path virtual al servidor web usado para apuntar al directorio de
imgenes distribuidas con Oracle Application Express. Si se desea referenciar imgenes
importadas utilizar WORKSPACE_IMAGES y APP_IMAGES.
Ver: "APP_IMAGES","WORKSPACE_IMAGES", y "Configuring Standard Application Attributes"
Sintaxis de image_prefix
Reference Type
Syntax
Bind variable
:IMAGE_PREFIX
Direct PL/SQL
HTMLDB_APPLICATION.G_IMAGE_PREFIX
PL/SQL
V('IMAGE_PREFIX')
Substitution string
&IMAGE_PREFIX.
Template Substitution
#IMAGE_PREFIX#
HTMLDB_APPLICATION.G_PRINTER_FRIENDLY (VARCHAR2
DATATYPE)
-23-
Building an Application
V('PRINTER_FRIENDLY')
Substitution
string
&PRINTER_FRIENDLY.
LOGOUT_URL
Es un atributo a nivel de aplicacin usado para identificar la URL de logout. Esta es
la URL a la que navega para la pgina de logout u opcionalmente directamente desconecta
al usuario. Para crear una entrada logout en la barra de navegacin, se adiciona un punto a
&LOGOUT_URL. Si se est codificando una pgina template, utilizar #logout_url#. (notar
el punto final).
Sintaxis de logout_url
Reference Type
Syntax
Bind variable
:LOGOUT_URL
PL/SQL
V('LOGOUT_URL')
Substitution string
&LOGOUT_URL.
Template substitution
#LOGOUT_URL#
PROXY_SERVER
Proxy_server es un atributo de la aplicacin. El atributo puede ser usado por
regiones cuyos fuentes se originan desde una url. Seguidamente la sintaxis correcta para
una referencia pl/sql directa usada cuando estn escribiendo pl/sql para acceder a un
servidor web remoto desde adentro de la base de datos (por ejemplo, cuando usamos el
paquete utl_http despachado con la base de datos).
HTMLDB_APPLICATION.G_PROXY_SERVER
PUBLIC_URL_PREFIX
Es un atributo a nivel de aplicacin que identifica la URL para salir de modo logged
a una vista pblica.
Sintaxis de public_url_prefix
Reference Type
Syntax
Bind variable
:PUBLIC_URL_PREFIX
PL/SQL
V('PUBLIC_URL_PREFIX')
-24-
Building an Application
Reference Type
Syntax
Substitution string
&PUBLIC_URL_PREFIX.
Template substitution
#PUBLIC_URL_PREFIX#
REQUEST
Cada botn de la aplicacin setea el valor de REQUEST al nombre del botn al
valor del atributo REQUEST asociado al botn. Esto permite procesar aceptaciones que
referencian el nombre del botn cuando un usuario lo clickea. In la sintaxis f?p se puede
setear request utilizando el cuarto parmetro.
Referencias al valor de REQUEST
Request es tpicamente referenciado durante el proceso de aceptacin (es decir, el
proceso que ocurre cuando se enva una pgina del cliente al servidor).
Sintaxis de Request
Reference Type
Syntax
Bind variable
:REQUEST
Direct PL/SQL
HTMLDB_APPLICATION.G_REQUEST
PL/SQL
V('REQUEST')
&REQUEST
Substitution string
&REQUEST. (exact syntax match)
Alcance y valor de REQUEST para pginas enviadas.
Cuando se enva una pgina, se inicia un proceso de Aceptacin. Este proceso de
aceptacin consiste de clculos, validaciones, subprocesos, y bifurcaciones. El valor de
REQUEST est disponible durante cada fase del proceso de aceptacin. Una vez que la
aplicacin bifurca a una pgina diferente se setea el valor de request a NULL.
El valor de REQUEST es el nombre del botn que el usuario clikqueo, el nombre
del tab elegido por el usuario. Por ejemplo, supngase que tiene un botn con el nombre de
CHANGE, y una etiqueta Apply Change. Cuando el usuario clickquea el botn, el valor de
REQUEST ser CHANGE.
Referencias REQUEST utilizando condiciones.
Es comn referenciar REQUEST en los condicionales. Por ejemplo, si se desea
resetear la paginacin cuando el usuario hace clicks en Go a una pgina del report. Se
puede resetear la paginacin al crear un proceso de aceptacin de pagina. El proceso de la
pgina puede ser condicionado usando
Request = Expression 1.
Para crear un on-submit page process:
1. Mediante Condition, seleccionar el tipo de condicin Request = Expression1.
-25-
Building an Application
Reference Type
Syntax
Bind variable
:SYSDATE_YYYYMMDD
Direct PL/SQL
Building an Application
Reference Type
Syntax
PL/SQL
V('SYSDATE_YYYYMMDD')
WORKSPACE_IMAGES
Utilice este string de sustitucin para referenciar imgenes importadas, Java Script,
y hojas de conexin en cascada del estilo que son compartidas con muchas aplicaciones
dentro de un workspace (o esquema de base de datos).
Sintaxis de worksapce_images
Reference Type
Syntax
Bind variable
:WORKSPACE_IMAGES
Direct PL/SQL
Not available
PL/SQL
V('WORKSPACE_IMAGES')
Substitution string
&WORKSPACE_IMAGES.
Template substitution
#WORKSPACE_IMAGES#
Building an Application
Nota de la traduccin: La traduccin avanz hasta Creating Buttons.
Julio Valle
Creating an Application
Adding Pages to an Application
Creating Reports
Creating Forms
Creating Calendars
Creating Charts
Creating Buttons
Creating Items
-27-
Building an Application
Using Shortcuts
Ver tambin:
"Adding Navigation"
Creating an Application
Una aplicacin es una coleccin de pginas las cuales comparten un estado de
sesin comn y la autenticacin. Se puede crear una aplicacin utilizando el wizard. Se
puede deletear una aplicacin desde la home page del builder.
Topics:
Deleting an Application
Building an Application
Building an Application
o Report and Form Construye dos pginas combinando form y report. Sobre la
primer pgina, el usuario selecciona una fila para actualizar. Sobre la segunda
pgina el usuario puede agregar un nuevo registro actualizar borrar un reg.
Existente.
Action Displaya el tipo de pgina seleccionada. Por cada seleccin, el wizard
propone diferentes tipos de informacin.
Las pginas report incluyen un check box Include Analysis Pages. Seleccione esta
opcin y siga los prompt del wizard para extender un simple report ( un report sobre un
form) para incluir mltiples grficos y reports drill-down.
.b Click Add Page. La pgina ( pginas) aparecen al tope de la pgina. Para borrar
una pgina, click en el icono Delete.
.c Repetir los puntos anteriores hasta que todas las pginas hallan sido agregadas.
.d Click Next.
6. Determinar si se va a incluir los tabs en la aplicacin y click Next.
7. Determinar si se va a importar componentes compartidos con otra aplicacin. Los
componentes compartidos son elementos comunes que pueden displayarse ser aplicados
sobre una pgina dentro de una aplicacin.
Para incluir componentes compartidos:
a. Copy Share Componentes desde otra aplicacin, seleccione Yes
b. Copy from Application, seleccione la aplicacin desde la cual quiere importar
componentes compartidos.
c. Select Componentes to Import, seleccione los componentes a importar.
d. Next.
8. Seleccione las siguientes preferencias de autenticacin y globalizacin.
a. Default Authentication Scheme Identifica un esquema de autenticacin que se
desea usar por default.
b. Language Selecciona el lenguaje primario para esta aplicacin. Este atributo
identifica el lenguaje en el cual la aplicacin es desarrollada. Este lenguaje es el lenguaje
base desde el cual todas las traducciones son hechas.
c. Obtener la preferencia de lenguaje del usuario. Especifica como el motor determina
el lenguaje de la aplicacin. El lenguaje primario de la aplicacin puede ser esttico (es
decir, derivada del lenguaje del browser) determinada de una preferencia de usuario
item. El lenguaje seteado en la base de datos determina el formato de display de la fecha y
las caractersticas de ordenamiento. Se puede alterar los atributos de lenguaje y la forma de
seleccionar el lenguaje ms tarde editar los atributos de globalizacin de la pgina. Para
ello vase "Configuring Globalization Attributes".
d. Click Next.
9. Seleccione un theme (contexto) y click Next. Los Themes (contextos) son
colecciones de templeates que pueden ser usados para definir el layout y el estilo de una
aplicacin completa. Vase "Managing Themes".
10. Confirmar las selecciones realizadas. Retornar a la pgina anterior del wizard,
click en Previous. Aceptar las opciones realizadas y click en Finish.
About Application Models and User Interface Defaults.
(Modelos de aplicaciones y valores por default de la interface del usuario).
El wizard para crear aplicaciones est diseado asumiendo que el desarrollador lo
ejecutar mltiples veces. Para facilitar este mtodo interactivo para el desarrollo de
aplicaciones, cada vez que se ejecuta el wizard guarda la definicin de la pgina como
un modelo de aplicacin.
-30-
Building an Application
Building an Application
Building an Application
-33-
Building an Application
Grouping Pages
Deleting a Page
Building an Application
Available Selections
Available page types:
New Page
a.
b.
Blank age
Multiple blank pages
c.
Report
d.
Chart
e.
Form
f.
Wizard
g.
Calendar
h.
Tree
i.
Login Page
HTML
Report
l.
Form
m.
Chart
n.
Breadcrumb
o.
p.
Tree
q.
URL
r.
Calendar
-35-
Building an Application
Available Selections
s.
Multiple HTML
t.
Help Text
Page controls:
Page control on this page
u.
v.
Item
Button
w.
Branch
x.
Computation
y.
Process
z.
Validation
cc.
Standard tab
dd.
List of values
ee.
List
ff.
Breadcrumb
Building an Application
Running a Page from the Pages List on the Application Home Page
Muchas pginas dentro del Application Builder tambin ofrecen una versin ms pequea
de este icono. Click en este pequeo icono se ejecuta la aplicacin completa de pginas
individuales dependiendo del contexto en que se invoca. Por ejemplo, si es desde la home
page ejecuta la aplicacin completa, si es desde la Page Definition ejecuta solo la pgina en
cuestin.
Building an Application
Running a Page from the Pages List on the Application Home Page
Para ejecutar una pgina desde la lista de Pginas:
1) Desde la Home Page, click en el icono Application Builder.
2) Seleccionar una aplicacin.
3) Desde la lista View, seleccionar Details y click en Go.
4) Desde la lista Pages, localizar la pgina que se desea ejecutar y click en Run, de la
columna que est ms a la derecha.
Running a Page from the Page Definition
Para ejecutar una pgina especfica de la Page Definition:
1) Desde la Database Home Page, clic en Application Builder.
2) Seleccionar la aplicacin.
3) Seleccionar la pgina. Aparece directamente la page definition.
4) Clic en Run Page en el extremo superior derecho de la pgina.
Grouping Pages
Utilice grupo de pginas y gestione las pginas dentro de una aplicacin. Para utilizar grupo
de pginas, se debe crear un grupo y luego asignar las pginas al grupo. Los grupos de
pgina no tienen otra funcin especial que no sea organizar las pginas de una aplicacin.
Se puede organizar fcilmente las pginas, por grupos, dentro de la aplicacin.
Temas:
Building an Application
Unlocking Pages
Building an Application
-40-
Building an Application
Creating Reports
En Oracle Application Express, un reporte es el resultado de una consulta Sql query
formateada. Se pueden generar reportes mediante la seleccin y ejecucin del constructor
de consultas, mediante la definicin de una regin en el reporte basada en una consulta
sql.
Temas.
Building an Application
que es un report regular y RPT indica que es generado por wizard. Se puede navegar
tambin a los atributos del report (a la pgina de atributos) haciendo click en el nombre de la
regin y luego seleccionando el tab Report Attributes.
Para acceder a la pgina de atributos del report:
1) Desde la Database Home Page, click en Application Builder.
2) Seleccionar la aplicacin.
3) Seleccionar la pgina. Aparece la pgina de definicin.
4) Debajo de la Regions, hacer click en Report cerca del nombre de la regin que se
desea editar. Con lo cual aparece la pagina de Atributos del Report.
Accin a desarrollar.
Click sobre las flechas arriba / abajo.
Building an Application
5) Para acceder a los atributos de la columna, click en el icono Edit adyacente al alias
de la columna. Ver tambin la ayuda on line para ms informacin sobre un atributo
especfico de la columna.
Controlling Report Pagination
Se puede controlar la paginacin del reporte mediante:
o Inclusin del string de sustitucin de paginacin en el template del report.
o Hacer la seleccin, del atributo Layout y Paginacin, desde los atributos del report.
Se puede controlar como mostrar la paginacin seleccionando desde el atributo Layout y
Paginacin. Para acceder a esta seccin:
1) Crear un reporte.
2) Debajo de la Regions, click sobre el enlace de atributo (Report RPT). Con lo
cual aparecer la pgina de atributos del report.
3) Bajar con scroll down hasta Layout y Paginacin.
Se usan los atributos de Layout y Paginacin para seleccionar el estilo de paginacin,
determinar donde se displaya la paginacin y especifica el nmero de filas que displayar
sobre cada pgina. La tabla siguiente describe los atributos ms comunes utilizados en
Table: Layout and Pagination Attributes
Atributo
Report
Templeate
Pagination
Scheme
Display
Possition
Number of
Rows
Strip HTML
Descripcin
Especifica el template que se aplicar a este report. Los template (de
reportes) proveen control sobre la salida de los resultados de una consulta
sql. Se pueden seleccionar desde algunos template por default seleccionar
un templete customizado.
Especifica el esquema de paginacin para este reporte. Provee al usuario
informacin sobre el nmero de filas y posicin dentro del conjunto
resultante. Tambin define el estilo de los enlaces botones usados para
navegar a la pgina siguiente y previa.
Define donde se displaya la paginacin. Si se elige displayar la paginacin
sobre el reporte, se requiere que el template, del reporte, soporte el tipo de
display.
Define el nmero mximo de filas a displayar por cada pgina.
Especifica si se remueve, no, los tags HTML desde las columnas que
tengan expresiones HTML y columnas con links.
Si se seleccionan datos de la base de datos que contienen tags HTML,
pueden causar conflictos con el HTML generado por los enlaces de
columnas con las expresiones HTML. Cuando esta opcin esta habilitada,
solo se utiliza la porcin de datos de la columna como valor ( no se utiliza el
enlace ).
Building an Application
Building an Application
Building an Application
2) Acceder al atributos de una columna con click en Edit (junto a la columna). Aparecer
la pgina de atributos de la columna seleccionada.
3) Bajar a Column Link.
4) En Column Link, ejecutar la siguiente seleccin:
a. En Target Type, seleccionar URL
b. En Link Text, ingresar el texto a mostrar como enlace y seleccionar un string de
sustitucin.
c. (Opcional). En Link Attributes, especificar los atributos adicionales del link que
sern incluidos en el tag <a href= > (por ejemplo, un link, clase estilo).
d. En URL, ingrese la direccin URL a la cual se desea navegar.
5) Click en Apply Changes.
Defining an Updatable Column
Se puede hacer que una columna sea de actualizacin editando los atributos Tabular Form
Element bien editando la pgina de los atributos de una columna del report. Tenga en
cuenta que el motor del Application Express solo puede ejecutar los update sobre la tabla si:
o Se define un update de mltiples filas.
o Se implementa un pl/sql que ejecuta la actualizacin de los datos.
o Cuando usa la built-in del item que se muestra, se debe definir que el report utilice el
tipo SQL Query (updatetable report).
Para definir columnas actualizables:
1) Navegar a la pgina de atributos del report. "Editing Report Attributes".
2) Acceder a la pgina de atributos de la columna con un click en el icono Edit,
adyacente a la columna en cuestin. Se muestra la pgina de atributos de la columna
seleccionada.
3) Bajar a Tabular Form Element.
4) En Tabular Form Element, hacer la siguiente seleccin.
a. Display As Seleccionar un tipo de columna actualizable. Utilice esta opcin
para que una columna sea actualizable. La actualizacin solo podr ser
ejecutada si se define un multirow update, si se implementa un proceso pl/sql
que actualice los datos.
b. Date Picker Format Mask Seleccionar una mscara si en la opcin anterior
(Display As) se eligi Date Picker.
c. Element Width Especificar el ancho del item.
d. Number of Rows Especificar la altura del item del formulario (solo es
aplicable en reas de texto).
e. Element Attributes Especificar si es un item radio group o un check box.
f. Element Option Attributes Define un estilo atributo (de elemento de form)
standard
g. Primary Key Source Type Identifica el tipo por default.
h. Primary Key Source Identifica el fuente por default.
i. Si la columna es parte de la primary key definida en un proceso MRU
(multi row update), solo aparece la Primary Key Source Type y la
Primary Key Source.
ii. En otros casos aparece Default y Default Type. Utilice Default y Default
Type para establecer una relacin entre dos registros masters en un
formulario master detail, seleccione los valores por default para las
nuevas filas.
-46-
Building an Application
Building an Application
Available Conditions
-48-
Building an Application
Creating Forms
Se pueden incluir varios tipos de forms en las aplicaciones. Se pueden incluir forms que
permitan al usuario actualizar una sola fila de una tabla varias filas de una tabla.
Application Builder incluye un wizard que permite crear formularios automticamente bien
se pueden crear formularios manualmente.
Temas:
Description
Crea un form basado sobre los argumentos de un procedimiento
almacenado. Utilizar este mtodo cuando se tiene implementada la lgica
la manipulacin de datos (data manipulation language) en un
procedimientos almacenados paquetes.
Form on a SQL Query
Crea un form basado sobre las columnas retornadas por una consulta Sql
tal como un EQUIJOIN.
Form on a Table or View Crea un form que permite al usuario actualizar una sola fila en una tabla de
la base de datos.
Form on a Table with
Crea dos pginas. Una pgina muestra un report. Cada fila provee un
Report
enlace a la segunda pgina que permite al usuario actualizar cada registro.
Nota: Este wizard soporta hasta 127 columnas.
Form on Web Service
Crea una pgina con items basado sobre la definicin de un Web service.
Este wizard crea un formulario de input del usuario, un proceso que llama
al servicio Web y un botn que submite. Ver tambin: "Creating a Form
on a Web Service"
Form and Report
Web Service
-49-
Building an Application
Summary Page
Tabular Form
Building an Application
Building an Application
Building an Application
Building an Application
Building an Application
Creating a Validation
Para crear una nueva validacin:
1. Navegar a la correspondiente Page Definition:
a. Navegar a la Database Home Page.
b. Click en Application Builder.
c. Seleccionar una aplicacin.
d. Seleccionar una pgina. Aparecer la definicin de la pgina.
2. En Validations, click en el icono Create.
3. Cuando aparece el wizard de Create Validations, continuar con las instrucciones del
mismo en pantalla.
a. Item. Estas validaciones arrancan con el trmino Item y provee los chequeos
ms comunes que podras querer ejecutar sobre el item con el cual la
validacin se asocia.
b. Code. Estas validaciones requiere que se provea cdigo pl/sql una consulta
Sql que defina la lgica de la validacin. Utilice este tipo de validacin para
ejecutar validaciones especficas (customizadas) que requieran verificar
valores de ms de un item o acceder a tablas adicionales de la base de datos.
4. Continuar con las instrucciones del wizard.
Nota: Las validaciones no pueden contener ms de 3.950 caracteres.
Associating a Validation with a Specific Item
Para asociar un item con una validacin y su mensaje de error:
1. Navegar a la correspondiente Page Definition:
a. Navegar a la Database Home Page.
b. Click en Application Builder.
c. Seleccionar una aplicacin.
d. Seleccionar una pgina. Aparecer la definicin de la pgina.
2. En Validations, seleccionar el item de validacin que se quiere asociar. Aparecer la
pgina de atributos para la validacin.
3. Bajar al Error Message:
En Error message display location, verificar la ubicacin donde se muestra.
En Associated Item, seleccionar el item que se quiere asociar con esta
validacin.
4. Click en Apply Changes.
About Error Message
Error message display location identifica donde se displaya el mensaje de error. Este
puede ser mostrado en una pgina de error (una pgina aparte) en la misma pgina (Inline
error messages). Inline error messages puede mostrarlo en un rea de notificacin
(definida como parte del page template) dentro del campo indiciado.
Al producir un error grave que detenga el proceso, incluyendo cualquier validacin restante,
se debe mostrar el error sobre una pgina de error (error page).
-55-
Building an Application
Creating Calendars
Application Builder incluye un wizard para generar un calendario. Una vez que se especifica
la tabla sobre la cual el calendario est basado, se pueden crear enlaces drill-down a la
informacin que se guarda en columnas especficas.
Temas:
Building an Application
Building an Application
Calendar Interval
Column Link
Day Link
Building an Application
Building an Application
los valores de los items no pueden contener comas al menos que estn entre
barras inclinadas (backslashes) por ejemplo: \1234,56\ ).
8. Click en Apply Changes.
Ver tambien: "Supported Calendar Substitution Strings"
Para crear un enlace de columna a una URL:
1. Navegar a la correspondiente pgina de atributos de calendario.
2. Bajar a Column Link.
3. En Target is a, seleccionar URL.
4. En URL, ingrese la direccin que corresponda.
5. Click en Apply Changes.
Day Link
Utilice Day Link para crear un link sobre un da del calendario. Este atributo crea un link
sobre el da actual sobre el calendario.
Para crear un day link a otra pgina:
1. Navegar a la correspondiente pgina de atributos del calendario.
2. Bajar a Day Link.
3. En Target is a, seleccionar Page in this Application.
4. En Page, especificar el ID de la pgina destino. Para resetear la paginacin de dicha
pgina, seleccionar reset pagination for this page.
5. En Request, especificar la respuesta que se usar.
6. En Clear Cache, especificar las pginas (es decir los ID) en las cuales limpiar la
cache. (Se especifica como una lista de ID separados por comas). Se puede
establecer los valores para la sesin utilizando los atributos Set these items y With
these values.
7. Para establecer los valores de la sesin:
a. Set these items Ingresar una lista de nombres de items separados por comas
sobre los cuales establecer los valores para la sesin.
b. With these values Ingresar una lista de valores, separados por comas, para
los items indicados en a. Tener en cuenta que los valores no pueden comas al
menos que estn entre backslashes (por ejemplo: \1234,56\.
8. Click en Apply Changes.
Para crear un day link a una url:
1. Navegar a la correspondiente pgina de atributos del calendario.
2. Bajar a Day Link.
3. En Target is a, seleccionar url.
4. En url, ingresar la direccin URL que corresponda.
5. Click en Apply Changes.
-60-
Building an Application
Building an Application
Donde:
link es una URL
label es el texto que se displaya en la barra.
Value es la columna numrica que define el tamao de la barra.
Por ejemplo:
SELECT null, ename, sal
FROM
scott.emp
WHERE deptno = :P101_DEPTNO
Para crear un grfico dial (dial chart), seleccionar un tipo de grfico dial y escribir la consulta
necesaria usando la siguiente sintaxis:
SELECT value , maximum_value [ ,low_value [ ,high_value] ]
FROM
...
Donde:
Value es el punto de comienzo del grfico dial.
Maximum_value es el punto ms alto posible del grfico dial.
Low_value y high_value son los valores histricos mas alto y bajo.
Por ejemplo:
SELECT dbms_random.value(500, 1200), 1300, dbms_random.value(100, 200)
FROM DUAL
Table: Available Chart Types Esta tabla describe los tipos de grficos disponibles en el
generador de aplicaciones Application Builder.
Plug- Tipo de grfico
in
Bar (HTML)
*
*
*
*
*
Descripcin
Line
Pie
Stacked
Horizontal
Building an Application
Stacked
Vertical
*
Stacked
Idem Stacked Bar, Horizontal, pero cada punto es un porcentaje
Percentage Bar, del 100% de la serie representada.
Horizontal
*
Stacked
Idem Stacked Bar, Vertical, pero cada punto es un porcentaje del
Percentage Bar, 100% de la serie representada.
Vertical
* Basado en SVG. (Requiere plug-in).
Basado en HTML (No requiere plug-in).
Nota: No cambie el tipo de grfico de un grfico existente. En vez de ello, borre el grfico
existente y crear nuevamente con el tipo adecuado.
-63-
Building an Application
Una vez creado el grfico se puede modificar la forma de mostrarlo editando sus atributos en
la pgina de atributos del grfico.
Para acceder a la pgina de atributos del grfico:
1. Navegar a la Page Definition.
a. Navegar a la Database Home Page.
b. Click en App. Builder.
c. Seleccionar una aplicacin.
d. Seleccionar una pgina. Aparece la definicin de la pgina.
2. En Regions, click en Chart luego del nombre de grfico que se quiere editar. Aparece
la pgina de atributos grficos. Note que removiendo un titulo del grfico (es decir, el
atributo Chart Title podra impactar negativamente en la ubicacin y display de la
forma en que se muestra el grfico.
Understanding Chart Cascading Style Sheet Classes
Cuando se crea un nuevo grfico, Oracle Application Express lo interpreta basndose en la
clase Cascading Style Sheet (CSS) asociada con el contexto actual. Cascading Style Sheet
es una hoja HTML con diferentes estilos que pueden ser cambiados entre si permitiendo
mayor flexibilidad. Se puede cambiar la apariencia de un grfico si se referencia a otro CSS
si se re-escribe una clase en la seccin CSS de la pgina Edit Attributes.
El siguiente ejemplo contiene las clases CSS para el grfico tipo dial en Sample Application.
Este ejemplo contiene todas las clases CSS disponibles. Los nombres de clases aparecen
en negritas.
text{font-family:Verdana, Geneva, Arial, Helvetica, sansserif;fill:#000000;}
tspan{font-family:Verdana, Geneva, Arial, Helvetica, sansserif;fill:#000000;}
text.title{font-weight:bold;font-size:14;fill:#000000;}
text.moredatafound{font-size:12;}
rect.legend{fill:#EEEEEE;stroke:#000000;stroke-width:1;}
text.legend{font-size:10;}
#background{fill:#FFFFFF;stroke:none;}
rect.chartholderbackground{fill:#ffffff;stroke:#000000;strokewidth:1;}
#timestamp{text-anchor:start;font-size:9;}
text.tic{stroke:none;fill:#000000;font-size:12}
line.tic{stroke:#000000;stroke-width:1px;fill:none;}
#dial{stroke:#336699;stroke-width:2px;fill:#336699;fill-opacity:.5;}
#dial.alert{fill:#FF0000;fill-opacity:.5;}
#dialbackground{stroke:#000000;strokewidth:none;fill:none;filter:url(#MyFilter);}
#dialcenter{stroke:none;fill:#111111;filter:url(#MyFilter);}
#dialbackground-border{stroke:#DDDDDD;strokewidth:2px;fill:none;filter:url
(#MyFilter);}#low{stroke-width:3;stroke:#336699;}
#high{stroke-width:3;stroke:#FF0000;}
#XAxisTitle{letter-spacing:2;kerning:auto;fontsize:14;fill:#000000;text-anchor:middle;}
-64-
Building an Application
#YAxisTitle{letter-spacing:2;kerning:auto;fontsize:14;fill:#000000;text-anchor:middle;writing-mode:tb;}
.XAxisValue{font-size:8;fill:#000000;}
.YAxisValue{font-size:8;fill:#000000;text-anchor:end;}
.nodatafound{stroke:#000000;stroke-width:1;font-size:12;}
.AxisLine{stroke:#000000;stroke-width:2;fill:#FFFFFF;}
.GridLine{stroke:#000000;stroke-width:0.3;strokedasharray:2,4;fill:none;}
g.dataholder rect{stroke:#000000;stroke-width:0.5;}
.legenditem rect{stroke:#000000;stroke-width:0.5;}
Table: Available Chart CSS Classes Esta tabla describe todas las clases CSS soportadas.
Notar que ciertas clases solo se aplican a tipos de grficos especficos.
Class
Description
text
tspan
Defines the appearance of text that displays in a chart. tspan should match the
definition of text.
text.title
Overrides the default chart text. Use this class for title text.
text.legend
#background
For a solid white background with no border, change #background to the following:
#background{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:2;}
Not applicable to pie and dial charts. Creates the background of the rectangle that
rect.chartholderb holds the chart data.
ackground
For a clear background, change rect.chartholderbackground to the following:
rect.chartholderbackground(display:none;)
#timestamp
Only applicable if the Asynchronous Update chart attribute is set to Yes. Controls
the appearance of the update timestamp test.
To disable the display of the timestamp, use defines #timestamp as follows in the
-65-
Class
Building an Application
Description
Custom CSS, Inline attribute.
"#timestamp{display:none;}"
Ver tambin: "Enabling Asynchronous Updates"
text.tic
line.tic
Dial charts only. Defines the graduation mark that displays directly beneath the
number on a dial chart.
#dial
Dial charts only. Defines the value that displays on the dial chart.
#dial.alert
Dial charts only. Defines a value (called an alert value) that renders on in a dial
chart using a different display.
#dialbackground
#dialcenter
Dial charts only. Creates the center of the dial on a dial chart.
#dialbackground- Dial charts only. Works in conjunction with #dialbackground to create specific
border
graphic effect.
#low
Dial charts only. Defines a historical low watermark of the data being displayed on
a chart.
#high
Dial charts only. Defines historical high watermark of the data being displayed on a
chart.
#XAxisTitle
#YAxisTitle
.XAxisValue
.YAxisValue
.AxisLabel
.nodatafound
.AxisLine
-66-
Building an Application
Class
Description
.GridLine
g.dataholder rect Applies a blanket style to all data that displays in the chart.
.legenditem rect
Building an Application
-68-
Building an Application
Creating Buttons
Al disear las aplicaciones, se pueden usar Buttons para que los usuarios naveguen a una
pgina especfica a determinada URL, al correo a procesar informacin (por ejemplo,
para crear botones Create, Cancel, Next, Previous Delete).
Los Buttons pueden ejecutar dos tipos diferentes de acciones. Un Buttone puede submitir
una pgina y luego navegar a una URL. O bien, un Button, puede bifurcar a una URL sin
submitir la pgina.
Temas:
Building an Application
Building an Application
Estos ejemplos asumen la existencia de los botones EDIT y DELETE. Se puede usar
tambin esta sintaxis en condiciones pl/sql. Tener cuidado con los nombres de los botones
pues se preservan las maysculas. Si un botn se denomina LOGIN y luego un request
buscan por Login, no lo encontrar. Por Ejemplo:
<input type="BUTTON" value="Finish" onClick="javascript:doSubmit('Finish');">
Notar que en este ejemplo Finish es el nombre del REQUEST y este ejemplo es casesensitive.
About Branching with Buttons
Cada pgina puede incluir varias bifurcaciones. Una bifurcacin navega a otra pgina una
URL. El motor del Application Express considera supone que bifurcara en algn momento
durante el proceso de la pgina. Se puede elegir bifurcar antes de procesar, antes de
calcular, antes de validar y despes de procesar. Al igual que cualquier otro control en
Application Builder, la bifurcacin puede ser condicional. Por ejemplo, se puede bifurcar
cuando un usuario hace click a un botn. Cuando se crea una bifurcacin, se puede asociar
con un botn especfico. La bifurcacin solo ser considerada si el usuario hace click en el
botn.
Ver tambin: "Controlling Navigation Using Branches"
Displaying Buttons Conditionally
Se puede elegir tener condicionado el display de un botn editando los atributos en la pgina
Edit Pages Button.
Para condicionar el display de un botn:
1. Crear el botn. "Creating a Button Using a Wizard".
2. Navegar a la correspondiente Page Definition.
3. En Buttons, seleccionar el nombre del botn. Aparece la pgina de atributos del
botn.
4. Bajar hasta la opcin Conditional Button Display.
5. Seleccionar en la lista Condition Type una condicin.
6. Ingresar una expresin en los campos propuestos.
7. Click en Apply Changes.
Ver: "About Bind Variables"
-71-
Building an Application
Creating Items
Un item es una parte de un formulario HTML. Un item puede ser un campo de texto, un rea
de texto, una password, una lista de seleccin, una chexk box, etctera. Los atributos de los
items afectan la forma en que se displaya el item sobre la pgina. Por ejemplo, dichos
atributos pueden impactar sobre como se mostrarn las etiquetas, como de largo ser el
item y si ellos sern mostrados a continuacin debajo del item previo.
Hay dos tipos de items: page items y application items. Los page items son ubicados sobre
la pgina y tienen asociados propiedades de la interfase de usuario, tales como Display As,
Label y Label Template. Los application items no estn asociados con una pgina y adems
no tienen propiedades de lla interfase de usuario. Se puede utilizar un application items
como una variable global.
Temas:
Ver: "How Item Attributes Affect Page Layout" y "Using Substitution Strings"
Creating a Page-Level Item
Se puede crear un item a nivel de pgina ejecutando el wizard Create Item desde la Page
Definition.
Para crear un nuevo item a nivel de pgina:
1. Navegar a la correspondiente Page Definition.
2. Si es necesesario, crear una regin HTML. Ver: "Customizing Regions".
3. En Items, click en el cono Create.
4. Seleccionar un tipo de item. Ver:"About Item Types".
5. Seguir las instrucciones del wizard.
About Item Naming Conventions
Cuando se especifca un nombre de item, recordar las siguientes reglas. Los items deben:
No pueden tener comillas.
Comenzar con una letra un nmero, y los caracteres siguientes pueden ser: letras,
nmeros, y el carcter de subrayado.
Son case-insensitive.
No deben exceder los treinta caracteres.
Las letras deben pertenecer al conjunto de caracteres ASCII.
-72-
Building an Application
Display
As Text
File
Browse
Hidden
Building an Application
List
Se basa en una lista de valores. Este item permite gestionar una lista de items
Managers mediante seleccin y adicin a la lista. La lista de valores se muestra como una
popup.
Multiple
Se crea un elemento multiselect HTML en el form. Cuando se submite, los
Select
valores seleccionados son retornados en un string delimitado. Se puede procesar
el string mediante la API HTMLDB_UTIL
Ver tambin: "Working with a Multiple Select List Item" y "HTMLDB_UTIL"
Password Crea un elemento HTML password en el form.
Popup
Crea un campo de texto con un cono. Cuando el usuario cliquea en el cono,
List
of aparece una ventana popup con una lista de valores mostrando una serie de
Values
links. Cuando el usuario hace una seleccin desde la lista, el valor seleccionado
ser ubicado en el campo de texto. El control de la LOV popup se hace a travs
del template. Se puede solo especificar una LOV popup template por cada
aplicacin.
Utilizando una LOV popup es una buena prctica para listas de valores que son
muy grandes para retornarlas sobre una sola pgina.
Hay dos tipos de LOV Popup: Uno que procesa un conjunto de filas cuando la
ventana se abre y otro que no.
La LOV Popup debe estar basada sobre una consulta que selecciona dos
columnas con diferentes alias. Por ejemplo:
SELECT ename name, empno id
FROM emp
Si una de las columnas es una expresin, hay que utilizar un alias. Por ej:
SELECT ename||' '||job display_value, empno FROM emp
Radio
Crea un elemento radio group en el form, basado en una lista de valores. Elija
Radiogroup with Submit para que sea submitida la pgina cuando se
seleccione una opcin en el radio button.
El siguiente ejemplo muestra los nombres de los empleados, pero retorna el nro
de empleado:
SELECT ename, empno FROM emp
Select
Muestra una lista de valores. Se requiere una lista de valores para los items que
List
sean listas de seleccin. Las listas de seleccin son creadas usando elementos
HTML <select> en el form. Los valores en una lista de seleccin son
determinados utilizando un nombre de LOV definiendo una LOV a nivel de item.
Se puede especificar el valor NULL y que retorne el valor NULL.
El siguiente ejemplo retorna los nombres de los empleados (ename) y los
nmeros de los empleados (empno) desde la tabla emp. Notar que los alias de
las columnas no son requeridos pero se incluyen para claridad.
SELECT ename display_text, empno return_value FROM emp
Oracle Application Express provee mejoras adicionales que en las listas de
seleccion HTML standard:
Building an Application
con urls como valores de retorno. Al cambiar el valor de la lista causa que
el browser se dirija a la correspondiente URL seleccionada.
Select List with Branch to Page Se basa en una lista de valores con
Ids de pginas. Al seleccionar un valor de la lista, el motor del Application
Express se dirige a la pgina seleccionada.
Nota: Si la lista de seleccin es muy larga puede causar un error. Si se espera
una larga lista es preferible utilizar una Popup List de valores ( en lugar de la
select list).
Stop and Se fuerza el cierre de una tabla HTML al utilizar el tag </table> y crea una nueva
Start
tabla HTML. Se puede usar este tipo de item para resetear el ancho de una
Table
columna en la mitad de una regin.
Notar que un item Stop y Start Table solo muestra su etiqueta. Se puede impedir
que muestre la etiqueta si se setea la etiqueta a null. Eso se logra removiendo el
label que propone el wizard.
Text
Se muestra como un campo de texto HTML que puede contener hasta 30.000
bytes de text. Se puede controlar el ancho y alto editando los atributos Height y
Width del item.
Las opciones disponibles de items Text son:
Text Field Se muestra como un campo de texto.
Text Field (Disabled, does not save state) Muestra una versin de solo
lectura de una lista de valores, utilizando los valores de la sesin para
buscar el valor asociado. El valor mostrado en pantalla no es guardado al
submitir la pgina.
Text Field (Disabled, saves state) Muestra una versin de solo lectura
de una lista de valores, utilizando los valores de la sesin para buscar el
valor asociado.
Text Field (always submits page when Enter pressed) Muestra una
versin de solo lecutra. Al submitir, salva el valor mostrado en pantalla en
el estado de sesion.
Text Field with Calculator Popup Se muestra como un campo de texto
junto con un cono. Cuando cliquea el cono muestra una pequea ventana
mostrando una calculadora. Los clculos son dejados en el item.
Text Area Muestra un rea de texto HTML. No hay longitud mxima para un item mostrado
en un Text Area. Se controla el ancho y el largo editando los atributos height y
width. La opcin Display As incluye:
Building an Application
Se pueden referenciar valores de items en una regin del estado de sesin, clculos,
validacines y bifurcaciones. Se puede consultar la sintaxis soportada para referenciar los
valores de los items en Syntax for Referencing Item Values
Ver:"Managing Session State Values"
Syntax for Referencing Item Values
Type
SQL
Syntax
Description
Sintaxis standard para variables internas (el nombre no debe
:MY_ITEM
pasar los 30 bytes). Se utiliza en consultas SQL y en cdigo
PL/SQL.
PL/SQL
Sintaxis PL/SQL para referenciar el valor de un item utilizando
V('MY_ITEM')
la funcin V( ). Ver:"Oracle Application Express APIs"
NV('MY_
PL/SQL
Sintaxis PL/SQL para referenciar el valor de un item numrico
utilizando la funcin NV( ).
NUMERIC_ITEM') Ver: "Oracle Application Express APIs"
&MY_ITEM
Static
Texto esttico.
Text
Static
Text
(exact)
&MY_ITEM
Pasar el valor de una referencia URL usando la sintaxis f?p. Por ejemplo:
f?p=100:101:10636547268728380919::NO::MY_ITEM:ABC
Se puede usar las PL/SQL API para cambiar el valor de un item dentro del cdigo
PL/SQL:
HTMLDB_UTIL.SET_SESSION_STATE('MY_ITEM',SYSDATE);
Ver: "Clearing Session State", "Oracle Application Express APIs", y "About Cross-Site
Scripting Protection"
Editing Page Item Attributes
-76-
Building an Application
Una vez que se crea un item, se puede editar sus atributos en la pgina Edit Page Item.
1. Navegar a la correspondiente Page Definition
a. Navegar a la Database Home Page.
b. Click en el cono Application Builder.
c. Seleccionar una aplicacin.
d. Seleccionar una pgina. Aparece la Page Definition
2. En Items, seleccionar el nombre del tem.
Aparece la pgina de atributos de dicho item.
3. Editar el item correspondiente. Para ver informacin acerca de un atributo especfico,
seleccionar el item Help.
4. Click en Apply Changes.
Ver: "About Cross-Site Scripting Protection"
Displaying Conditional or Read-Only Page Items
Se puede elegir que un item se displaye condicionalmente bien sea solo lectura editando
sus atributos.
1. Crear el item.
2. Navegar a la correspondiente Page Definition.
3. En Items, seleccionar el item que interesa. Aparece la pgina de atributos del item.
4. Para displayar condicionalmente un item:
a. Bajar con el scroll hasta Conditions.
b. Seleccionar el tipo de condicin desde la lista Condition Type.
c. Ingresar las expresiones que correspondan para condicionar.
5. Para hacer un item de solo lectura:
a. Bajar con el scroll hasta Read Only Display Settings
b. Seleccionar desde la lista Read Only Condition Type.
c. Ingresar las expresiones que correspondan para condicionar.
6. Click en Aplicar Cambios.
Working with a Multiple Select List Item
Un item multiple select se muestra como una lista de multiples elementos select. Cuando
se submite, los valores seleccionados son retornados en un solo string separados por dos
puntos. Se pueden manejar los valores dados en este formato de dos formas:
Usando la funcin INSTR
Usando la funcin HTMLDB_UTIL.STRING_TO_TABLE
Using HTMLDB_UTIL.STRING_TO_TABLE to Convert Selectd Values
Supongase que se tiene un reporte sobre las tablas emp y dept que estn acotadas a los
departamentos seleccionados desde un lista de departamentos (multiple select), a tal fin se
crea el item (multiple select), P1_DEPTNO, utilizando la siguiente consulta:
SELECT dname, deptno
FROM dept
En segundo lugar, se retornan solo aquellos empleados que pertenecen a los departamentos
seleccionados, asi:
SELECT ename, job, sal, comm, dname
-77-
Building an Application
Building an Application
Icons (el default) muestra cada item de aplicacin como un gran cono. Para editar un
item, basta con cliquear el cono correspondiente.
Details muestra cada item, de aplicacin, como un linea en un reporte. Para editar el
item, basta con cliquear sobre el nombre del mismo (en la linea).
-79-
Building an Application
Building an Application
Las LOVs estticas se basan sobre una lista esttica de valores a mostrar y retornar que se
especifican cuando se crea la misma con el wizard. Para crear una LOV esttica, se ejecuta
el wizard Create LOV y se selecciona Static en LOV type. Oracle Application Express
guarda los valores a mostrar, los valores a retornar y la secuencia de ordenacin que se
especifica en el repositorio de listas de valores. Una vez que se agreg la LOV esttica al
repositorio, se puede crear un item y displayar esta LOV como un check box, un radio group,
una select list una popup list.
Editing an Existing LOV
Para editar una LOV existente, seleccionar la LOV en la pgina de List of Values.
1. En la Database Home Page, click en el cono Application Builder.
2. Seleccionar una aplicacin.
3. Click en Shared Componentes.
4. En User Interface, seleccionar Lists of Values
5. Seleccionar una LOV. Aparece la pgina de edicin de la LOV.
6. Editar los atributos apropiados y click en Apply Changes.
Bulk Edit of Static LOVs
Se pueden editar los valores a mostrar de todas las LOVs estticas al cliquear en el botn
Grid Edit sobre la pgina Edit List of Values.
Para ejecutar una edicin de todas las LOVs estticas:
1. En la Database Home Page, click en App.Builder.
2. Seleccionar una aplicacin.
3. Click en Shared Components.
4. En User Interface, seleccionar Lists of Values. Por default, las LOVs se muestran
como conos.
5. Cambiar el display por default. Seleccionar Details desde la lista View y click en Go.
6. Elegir Static LOV y seleccionar el nombre de la LOV.
7. Click en el botn Grid Edit ubicado debajo de Subscription.
8. Editar los correspondientes valores a displayar y click en Apply Changes.
Referencing Session State Within a LOV
Se puede referenciar el estado de sesin al utilizar variables bind. En el siguiente ejemplo, la
LOV solo trabaja si el item my_deptno contiene un nmero de departamento vldio:
SELECT ename, empno FROM emp WHERE deptno = :my_deptno
Referencing a Null Value in an Item Based on a LOV
Las LOVs tienen la opcin de mostral el valor null y la opcin de retornar el valor null. El
valor null a mostrar es el valor que el usuario v en la lista y le indica que no ha
seleccionado un valor apropiado (non-null) desde la lista. Cuando un usuario selecciona un
valor null, empty (vaco), el valor que se transmite no es un string vacio un Oracle null,
sino un literal %null%. La aplicacin debe estar preparada para procesar este literal y tratar
esta seleccin como valor null.
-81-
Building an Application
Hay que tener en cuenta este comportamiento cuando se escribe el cdigo para procesar los
valores submitidos. Por ejemplo, sea una evaluacin al submitir el item P1_X y se necesita
usar la expresin PL/SQL replace(:P1_X,'%'||'null%',null)para preparar el item
para guardar permanentemente en estado de sesin o para pasar a una DML a otra APIs.
Para evitar problemas, tener en cuenta la forma apropiada de codificar %null% en
expresiones que ocurren en los clculos, procesos, y validaciones en la pgina. Se debe
separar el string %null% asi la aplicacin no replaza por un valor null en la pgina cuando
este es salvado. Considere el siguiente ejemplo:
'%'||'null%'
Accessing LOV Reports
El Application Builder incluye varios reportes ya diseados para ayudar manejar mejor las
LOVs.
Para acceder a los LOV reports:
1. En la Database Home Page, click en el cono Application Builder.
2. Seleccionar una aplicacin.
3. Cuando aparece App.Builder, click en Shared Components.
4. En User Interface, seleccionar Lists of Values.
5. Seleccionar una de los siguientes tabs al tope de la pgina:
Search
Subscription
Utilization
History
6. Continuar con las instrucciones dadas en pantalla.
Search
Click Search para mostrar la pgina de Search Dynamic Lists of Values. Utilizar esta pgina
para buscar las consultas que soportan a las LOVs dinmicas. Ingrese una consulta en el
campo uery Contains y click en Go.
Subscription
Click en Subscription para mostrar la pgina de List of Values Subscription. Esta pgina
muestra todas las LOVs de la aplicacin.
Utilization
Click en Utilization para mostar la pgina List of Values Utilization. Esta pgina muestra las
LOVs utilizadas en la actual aplicacin. Para editar una LOV, click sobre el nombre de la
misma.
History
Click en History para mostrar la pgina List of Values History. Esta pgina muestra la history
reciente de los cambios de la LOVs por fecha.
-82-
Building an Application
Using Shortcuts
Utilizando shortcuts se puede evitar repetir cdificar funciones HTML PL/SQL. Se pueden
usar shortcut para definir una pgina de control, un botn, un texto HTML, un procedimiento
PL/SQL, HTML. Una vez definido, se puede invocar un shortcut usando la sintaxis
especfica para localizarlo. Shortcuts pueden ser referenciados muchas veces, adems
reducen redundancia de cdigo.
Temas:
Image
Message
-83-
Building an Application
Defining Shortcuts
Antes que se pueda incorporar un shortcut en la aplicacin, se debe definirlo y agregarlo al
repositorio de Shortcuts. Los nuevos shortcuts se referencian utilizando la siguiente sintaxis:
"MY_SHORTCUT"
Note que el nombre del shortcut debe ser capitalizado y encerrado entre comillas.
Para definir un nuevo shortcut:
1. En la Database Home Page, click en App.Builder.
2. Seleccionar una aplicacin.
3. Cuando aparece el Application Builder, click en Shared Components.
4. En User Interface, seleccionar Shortcuts.
5. Click en Create.
6. Seleccionar uno de los siguientes mtodos de creacin:
a. From Scratch
b. As a Copy of an Existing Shortcut
7. Continuar con las instrucciones de pantalla.
Los nuevos shortcuts son agregados al repositorio y estn disponibles para usarlos en:
El atributo Region Source de regiones definidas como HTML Text (con shortcuts). Ver:
"Customizing Regions".
En los textos de los atributos Header y Footer de una Regin. Ver: "Specifying a
Region Header and Footer"..
En los atributos Label y Default Value de un item. Ver: "Items".
En el atributo Templates de una Regin. Ver: "Editing Templates"..
About the Shortcuts Page
Una vez que se creo un shortcut, este aparecer en la pgina de Shortcuts. Se controla la
vista de la pgina haciendo click en la lista View. Las opciones disponibles son:
Icons (el default) muestra cada shortcut como un gran cono.
Details muestra cada uno como una linea de reporte.
Accessing Shortcut Reports
El Application Builder incluye varios reportes diseados para ayudar a una mejor gestin de
las LOVs. Para acceder a los Shortcut Reports:
1. En la Database Home Page, click en el cono Application Builder.
2. Seleccionar una aplicacin.
3. Cuando aparezca Application Builder, click en Shared Componentes.
4. En User Interface, seleccionar Shortcuts.
5. Click en uno de los siguientes botones:
a. Subscription
b. History
Nota: Los botones Subscription y History solo aparecen despus de que se crea el shortcut.
Subscribed Shortcuts
-84-
Building an Application
Click en Subscription para mostrar la pgina de Subscribed Shortcuts. Esta pgina muestra
todos los shortcuts (subscirbed) de la aplicacin.
Shortcut History
Click en History para mostrar la pgina de Shortcut History. Esta pgina muestra la historia
reciente de los cambios de shortcuts por fecha.
-85-
Building an Application
Building an Application
Ver para mayor informacin acerca de cmo referenciar un shortcut dentro de un string literal
de JavaScript, en "Text with JavaScript Escaped Single Quotes"
Incorporating JavaScript in the HTML Header Attribute
Una forma de incluir JavaScript dentro de la aplicacin es agregandolo en el atributo Header
de la pgina HTML. Esta es una buena forma para funciones que son muy especficas de
una pgina asi como tambin una conveniente forma de testear una funcin antes de
incluirla en un archivo .js.
Se puede agregar funciones JavaScript, a una pgina, simplemente mediante el ingreso de
cdigo en el atributo HTML Header de la Page Attributes de la pgina en cuestin. Por
ejemplo, agregar la funcin test para que est accesible desde cualquier lugar de la pgina.
Para agregar cdigo JavaScript en el atributo HTML Header:
1. En la Database Home Page, click en el cono Application Builder.
2. Seleccionar una aplicacin.
3. Seleccionar una pgina.
4. Click en Edit Attributes
5. Bajar hasta el atributo HTML Header.
6. Ingresar el cdigo y click en Apply Changes.
Por ejemplo, agregando lo que sigue testea que una funcin este accesible desde cualquier
lugar de la actual pgina.
<script type="text/javascript">
function test(){
window.alert('This is a test.');
}
</script>
Ver tambin: "HTML Header"
Including JavaScript in a .js File Referenced by the Page Template.
En Oracle Application Express se puede referenciar a un archivo .js en el template de la
pgina. De esta forma todo el cdigo JavaScript del .js queda accesible a la aplicacin. Esta
no es la forma ms eficiente, dado que, un .js se carga en la primer pgina que se v de la
aplicacin y luego queda cacheado por el browser.
El siguiente cdigo muestra como incluir un .js en la seccin del header del page template.
Notar la linea script src= que aparece en negrita.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<title>#TITLE#</title>
#HEAD#
<script src="http://myserver.myport/my_images/custom.js" type="text/javascript"></script>
</head>
<body #ONLOAD#>#FORM_OPEN#
-87-
Building an Application
Building an Application
Considrese el siguiente ejemplo. La primera LOV permite al usuario elegir una pais (
estado nacional)
SELECT state_name d, state_id v
FROM states
La segunda LOV selecciona el nombre de una provincia y el ID (de la provincia) desde una
lista condicionada por el id del pais seleccionado en la primera LOV.
SELECT county_name d, county_id v
FROM counties
WHERE state_id = :Px_STATE_ID
Ver tambin:
"Creating Forms"
"Creating Lists of Values"
Creating a Help Page and Region (Crear una regin y pgina de ayuda)
Defining Help Text (Definir el texto de la ayuda)
Building an Application
http://127.0.0.1:8080/i/doc/bldapp_hlp_text.htm
Se define el texto de ayuda para la pgina un solo item mediante la edicin de sus
atributos. Idealmente se debera definir estos atributos cuando se crea la aplicacin. Sin
embargo por simplicidad, el siguiente procedimiento describe como definir este texto
despues de que se ha creado la aplicacin.
Para definir una pgina de ayuda:
1. Navegar a la Page Definition de la pgina a la que se le desea agregar una pagina de
ayuda.
2. Clic en Edit Attributes para ver la pgina de atributos existentes.
3. Bajar hasta Page Help Text.
4. Ingresar el texto de ayuda en el campo que se muestra.
5. Clic en Apply Changes.
Repetir el procedimiento previo para cada pgina que se requiere texto de ayuda.
Para definir el texto de ayuda de un item de una pgina:
1. Navegar a la Page Definition de la pgina a la cual se desea agregar ayuda a un item.
2. En Items, click en el nombre del item que se desea editar.
3. Bajar hasta Help Text.
4. Ingresar el texto de ayuda en el campo provisto.
5. Click en Apply Change.
Repetir este proceso para cada item que requiere texto de ayuda.
Editing Mltiple Item Help Topics at Once
Si se trata de incluir texto de ayuda a los items de la aplicacin, se pueden editar mltiples
textos de ayuda de items a la vez usando el reporte Bulk Edit Item Help.
Accessing the Bulk Edit Item Help Report
Para ver el reporte Bulk Edit Item Help:
1. En la Database Home Page, click en el cono Application Builder
2. Seleccionar una aplicacin.
3. Sobre la lista de tareas (Tasks list), click en View Application Reports.
4. Click en Page Componentes.
5. Seleccionar Item Help Text. Se displaya un reporte en la parte inferior de la pgina.
6. En el reporte Bulk Item Help se puede:
a. Actualizar el texto de una ayuda existente (update existing help topics). Se
edita el texto que se est mostrando y se hace click en Apply Changes.
b. Conectar a la Page Definition que contiente el item mediante un click en el ID
de la pgina.
c. Conectar a la Page Item mediante un click en el nombre del item.
Seeding Item Help Topics
Si la aplicacin todava no tiene texto de ayuda, se puede ejecutar una actulizacin masiva
del texto de ayuda por default.
Para setear los temas de ayuda de los items:
1. Acceder al reporte Bulk Edit Item Help.
2. Click en Seed Item Help Text
-90-
Building an Application
3. En Default Help Text, ingresar el texto de ayuda por omisin que aparecer en todos
los casos.
4. Click en Apply Changes.
Searching for Existing Item Help Topics.
Se puede buscar ayuda por texto o por la etiqueta del item.
Para buscar ayuda por texto:
1. En Help contains, ingrese las palabras claves.
2. Click en Go.
Searching for an Item Label
Para buscar por la etiqueta de un item:
1. En Help contains, ingresar las palabras claves (la etiqueta).
2. Click Go.
Ver tambin: "Viewing Application Reports"
Creating a Help Navigation Bar Entry
Una vez que se ha creado la ayuda, el paso siguiente es crear una entrada en la barra de
navegacin de forma tal que los usuarios puedan accederla.
Para crear una entrada en la barra de navegacin:
1. Navegar a la Page Definition:
a. Navegar a la Database Home Page.
b. Click en el cono Application Builder.
c. Seleccionar una aplicacin.
d. Seleccin una pgina. Aparece la definicin de la pgina.
2. En Navigation Bar, click en el cono Create.
3. Especificar las entradas que correspondan a los atributos de la barra.
a. Squense
b. Alt Tag Text
c. Icon Image Name
d. Image Height and Image Width
e. Text
4. Especificar la ubicacin destino, para ello:
a. En Target type, seleccionar Page in this application.
b. En Page, especificar el id de la pgina.
c. En Request, escribir: &APP_PAGE_ID
Al especificar el string de sustitucin &APP_PAGE_ID como Request (peticin), se instruye
al motor del Application Express a mostrar el texto de ayuda la pgina actual cuando el
usuario hace click en este cono.
-91-
Building an Application
Customizing Regions
Managing Themes
Customizing Templates
Managing Images
Ver tambin: "Adding Navigation" para mayor informacin sobre creacin de bars, tabs,
breadcrumbs, lists y trees.
Understanding Page Layout
El motor del Application Express genera pginas por la combinacin de templates con
componentes definidos por el desarrollador y datos de la base.
La estructura de la pgina es deterimnada por el template de la pgina. Por ejemplo, el
template de la pgina controla si una pgina utiliza tabs y una barra de navegacin. Tambin
puede definir si la pgina incluye una barra del lado izquierdo que sirve como un contenedor
de enlaces de navegacin a pginas secundarias. Finalmente, el template, puede incluir
definiciones de las posiciones de regiones, las cuales permite un control preciso sobre la
ubicacin de regiones que usan tablas HTML style sheet. El template de pgina esta
compuesto de una combinacin de HTML con strings de sustitucin los cuales se sustituirn
con el componente apropiado en tiempo de ejecucin.
Como desarrollador, se agrega contenido sobre una pgina mediante la creacin de
regiones. Una regin es un rea de una pgina que sirve como un contenedor. Cada regin
-92-
Building an Application
contiene un tipo diferente de contenido, tal como, HTML, report, form, chart, list, breadcum,
pl/sql, un arbol, una url, un calendario. Se posiciona la regin en forma relativa a otras
regiones (es decir, basado sobre una secuencia de nmeros y columnas), usando la
posicin definida en el page template. El estilo de la regin es tambin controlado por el
region template. Al igual que el page template, el region template define la estructura del
area que la regin toma como una pgina. Esto define si el ttulo de la regin es mostrado y
donde este es displayado relativo al contenido principal, al cuerpo de la pgina. Una regin
puede tambin definir posiciones absolutas para los botones.
Ver tambin: "Creating a Region"
Displaying Components on Every Page of an Application
La pgina cero de la aplicacin funciona como la pgina principal maestra. El motor del
Application Express genera todos los componentes que se agregan a la pgina cero sobre
cada pgina dentro de la aplicacin. Se puede adems controlar si el motor del Application
Express genera un componente, ejecuta un clculo, validacin procesos mediante la
definicin de condiciones.
Para crear una pgina cero:
1. Crear una nueva pgina.
2. Especificar el ID de la pgina en cero.
Ver tambin:"Adding Pages to an Application", "Understanding Conditional Rendering and
Processing", and "Available Conditions"
Customizing Regions
Una regin es una rea de una pgina que sirve para contener algn componente. Cada
pgina puede tener cualquir cantidad de regiones. Se puede controlar la apariencia de una
regin a travs de especificaciones en el template de la region. El template de la regin
controla el aspecto, el tamao, los bordes, color de fondo, y que tipo de letra utiliza. El
templeate de la regin tambin determina la ubicacin estandard para cualquier botn que
se coloque en la regin.
Se pueden usar regiones para agrupar controles de pginas (tales como items botones).
Se puede crear una regin simple que no genera cdigo HTML adicional, o crear regiones
elaboradas que enmarcan el contenido de tablas HTML imgenes.
Las regiones se muestran en secuencia dentro de las columnas de una tabla HTML. Se
puede especificar tambin ubicaciones especficas para una regin, en posiciones definidas
en el template de la pgina. Tambin se puede condicionar el display de una regin.
Temas.
Creating a Region
Se puede crear una nueva regin ejecutando el Create Region Wizard.
1. Navegar a la correspondiente Page Definition:
a. Navegar a la Database Home Page.
b. Click en el cono Application Builder.
c. Seleccionar una aplicacin.
d. Seleccionar una pgina. Con lo cual aparece la definicin de la pgina.
2. En Regions, click en el cono Create. Aparece el wizard que crea una regin.
-93-
Building an Application
Description
HTML
Form
Ver tambin: "Creating Forms"
Chart
List
Ver tambin: "Creating Lists"
Contiene una lista jerrquica de links denominada breadcrumb.
Breadcrumb
Ver tambin: "Creating Breadcrumbs"
PL/SQL
Dynamic
Content
Tree
Este tipo permite generar cualquier HTML o texto usando el PL/SQL Web
Toolkit.
Los rboles son controles de navegacin jerrquicos basados en consultas
sql en tiempo de ejecucin. Permite al usuario expandir / colapsar nodos.
Ver tambin: "Creating Trees"
Este tipo de regiones obtiene su contenido mediante un llamado a un
URL
-94-
Region Type
Building an Application
Description
servidor web usando una URL predefinida.
Ver tambin: "Incorporating Content from Other WebSites"
Se utilizan para contener un calendario mensual.
Calendar
Ver tambin: "Creating Calendars"
Multiple HTML
Se utiliza esta opcin para crear mltiples regiones HTML de una sola vez.
En los campos provistos, se especifica la secuencia, el titulo, punto de
display, template del report y la columna de cada regin.
Las regiones Help Text permite crear ayudas a nivel de pgina.
Help Text
Ver tambin: "Creating a Help Page"
Ver tambin:
Description
Define condiciones que determinan si la regin se muestra. Las
condiciones pueden hacer referencia al estado de la sesin, al usuario
actualmente loggeado, a las preferencias de entorno tales como si la
pgina est en modo Print View.
Ver Tambin: "Understanding Conditional Rendering and Processing"
y "Optimizing a Page for Printing"
Building an Application
Attribute
Description
Customization
User Interface,
Column
User Interface,
Template
User Interface,
Sequence
User Interface,
Display Point
User Interface,
Region HTML table
cell attributes
Building an Application
Building an Application
Heading
Atributo
Descripcin
Displayed
Sequence
Displayed
Region
Displayed
Begin On New Line Determina si este item se muestra sobre la misma linea del
item previo si se muestra sobre la siguiente.
Displayed
Begin On New
Field
Displayed
ColSpan
Displayed
RowSpan
Label
Label
Label
Horizontal/Vertical
Alignment
Label
Template
Label
Label
Heading
Atributo
Building an Application
Descripcin
este post element text.
List of
Values
Columns
Conditions
Read Only
Display
Settings
Notar que el ejemplo anterior podra requerir que se establezca el atributo Proxy Server de la
aplicacin. Si no se setea el atributo Proxy Server de la aplicacin, se devuelve un mensaje
de error. Oracle Application Express utiliza la funcin utl_http.request_pieces, de
Oracle, para obtener el HTML generado desde una URL dada.
-99-
Building an Application
Ver tambin: "Configuring Standard Application Attributes" para ver ms informacin acerca
del seteo del atributo Proxy Server de una aplicacin.
Managing Themes
Themes (contextos) son colecciones de templates que pueden ser usados para definir el
layout y estilo de una aplicacin completa. La idea de usar theme (contexto) es proveer un
conjunto completo de templates que acomode cada patrn de interfase de usuario que se
necesite en una aplicacin.
Los templates estn organizados primero por tipo (button, calendar, label, list, breadcrumb,
page, popup LOV, region, y report) y luego por clases de template, especializando el
propsito del template dentro del tipo. Cada tipo de template provee un grupo de clases
standard y ocho clases especializadadas. Estas clasificaciones permiten a ORACLE
APPLICATION EXPRESS mapear templates con los themes (contextos), haciendo sencillo,
cambiar rpidamente, el look and feel de una aplicacin completa.
Temas:
Copying a Theme
Deleting a Theme
Building an Application
Description
Page
Attribute
Error Page
Building an Application
Description
Opcional. Especifica un page template para usar en errores que se muestran
en una pgina separada a diferencia de aquellos que se displayan en linea.
Dejar este atributo en blanco si no se desea utilizar un template destinado a
mostrar errores.
Una vez definido, este template aparecer sobre la pgina de edicin de
atributos de la aplicacin (Edit Application Attributes) debajo del Application
Template Defaults.
Button
Calendar
Label
List
Region
Report
Table: Region Templates by Region Type describe el template por default disponible en la
seccin Default Templates by Region Type.
Attribute
Description
Breadcrumbs
Building an Application
Attribute
Description
Charts
Forms
Lists
Reports
Tabular Forms Template de regin por default para crear un formulario tabular. (un browse)
Wizards
Building an Application
Building an Application
Building an Application
Building an Application
Viewing Templates
Editing Templates
Breadcrumb Templates
Button Templates
Calendar Templates
Label Templates
List Templates
Page Templates
Region Templates
-107-
Building an Application
Report Templates
Building an Application
5. Se puede ajustar el display haciendo una seleccin desde las opciones siguientes y
luego click en Go.
a. Theme Para ver solo templates de un theme especfico.
b. Show Para un tipo especfico de template.
c. View - Para ver todos los templates, ya sean o no referenciados.
6. Para ver la definicin de cualquiera de ellos hacer click en el nombre.
7. Para ver un preview de un template, click en el cono Run en la columna Preview. (No
todos los tipos de template tienen la capacidad de la vista previa).
Para ver los templates desde la Page Definition
1. En la Database Home Page, click en el cono Application Builder.
2. Seleccionar una aplicacin.
3. Seleccionar una pgina. Aparece la Page definition de la misma. Los templates
asociados con la esta, se encuentran Templates en la columna que est ms a la
derecha.
4. Para ver atributos de un template existente basta con un click en el nombre.
Creating a New Template
Si es el caso en que se necesita crear un template personalizado, generalmente es ms
simple arrancar desde un template existente y luego modificar este segn se desee.
Para crear un template personalizado:
1. Seleccionar la aplicacin.
2. Seleccionar componentes compartidos.
3. Seleccionar templates.
4. Click en Create.
5. Seleccionar el tipo de template que se desea crear.
6. Seleccionar el mtodo de creacin.
a. From Scratch (crear uno nuevo desde cero).
b. As a Copy of an Existing Template (crear a partir de uno existente)
7. Seguir las instrucciones de pantalla. Ser cuidadoso al asociar el template con el
correspondiente theme (layout modelo grafico).
Viewing Template Reports
El AB incluye reportes que describen donde se utilizan los templates, y su historia.
Para ver los reportes sobre template de la aplicacin actual:
1. Seleccionar una aplicacin.
2. Seleccionar componentes compartidos.
3. Seleccionar templates.
4. Se puede ajustar el display seleccionando desde las siguientes listas y haciendo click
en Go.
a. Theme Muestra solo templates de un theme especfico.
b. Show Muestra un tipo especfico de template.
c. View Muestra todos los templates, aquellos que estn actualmente
referenciados, aquellos que no estn referenciados.
5. Para ver los reportes de template, click en los siguientes botones:
a. Utilization: Muestra la utilizacin en la actual aplicacin de todos los tipos de
templates (page, report, region, label y list).
b. Subscription: Muestra los templates suscriptos por la aplicacin.
c. History: Detalla los cambios recientes al template por el desarrollador y la
ltima fecha de actualizacin.
Editing Templates
-109-
Building an Application
Una vez que se cre un template (personalizado), se puede rapidamente editarlo desde la
pgina de templates desde la Page Definition.
Para editar un template existente desde la pgina de Templates, se debe:
1. Seleccionar una aplicacin.
2. Seleccionar componentes compartidos.
3. Seleccionar Templates.
4. Se puede limitar el display seleccionando (filtrando) desde las siguientes listas y luego
haciendo click en Go.
a. Theme Muestra solo los templates de un Theme especfico.
b. Show Muestra un tipo especfico de template.
c. View Muestra todos los templates, los que actualmente estn referenciados y
aquellos que no estn referenciados.
5. Localizar el template que se desea editar y hacer click en el nombre del template.
6. Seguir con las instrucciones dadas en pantalla.
Al editar templates, se puede estar editando el template en una pgina y ejecutarlo en otra.
Para ello se debe seleccionar el check box Return to Page, el cual guarda la pgina que se
est editando despus que se haga click en Apply Changes.
Breadcrumb Templates
Un template de breadcrumb controla las entradas que se muestran. Se selecciona un
template breadcrumb cuando se crea una region.
Building an Application
Descripcin
Before First
Current Page
Breadcrumb Option
After Last
Template Attributes
Para especificar un enlace a hypertext (para una entrada breadcrumb) utilizar Breadcrumb
Link Attributes.
Para especificar el texto a mostrar entre cada entrada utilizar Between Levels. Por ejemplo:
main X cars X porsche X 911
El atributo Max Levels especifica la cantidad de niveles (de entradas) de los breadcrumb
mostrados.
Comments
Usar este atributo para registrar comentarios del desarrollador.
Button Templates
-111-
Building an Application
Los templates de botones permiten a los desarrolladores castomizar como se ven los
botones. Para crear un botn, se pueden utilizar diferentes imgenes tambin tags HTML.
El uso de templates para botones es opcional.
Button Template Attributes
Aqui se describe cada item, de la Button Template page, en forma detallada.
Button Template
Template Name identifica el nombre del template. Usar el check box Translatable para
indicar el template contiene texto el cual requiere traduccin. Theme indica el tema del cual
el template es un miembro.
Template Class identifica un uso especfico para el template. Cuando se cambia a un nuevo
tema, todos los templates de un tema son mapeados a los templates correspondientes del
nuevo tema. Application Builder logra este mapeo de template a travs de la asignacin de
una clase al template.
Template Subscription
Utilizar Template Subscription para aplicar un template existente a la actual aplicacin.
Cuando se selecciona un template existente, la aplicacin ser suscripta al template. Para
cargar una nueva copia del master template, hacer click en Refresh.
Template Text
Define el texto que muestra el botn. Se puede optar por incluir sustituciones en la forma
estandar. Por ejemplo, &ITEM_NAME puede ser sustituido en tiempo de interpretacin. Los
templates de botones soportan los siguientes strings de sustitucin:
#LABEL# es reemplazado con una etiqueta de botn.
#LINK# es reemplazado con una URL. La URL luego invoca un #DOsUBMIT# lo
remite a un JavaSript, el cual submite la pgina (es decir, setea el valor de retorno),
simplemente redirecciona al la URL provista).
Comments
Utilizar este atributo para registra los comentarios del desarrollador.
Calendar Templates
Los templates de calendario controlan la apariencia y la ubicacin de un calendario. Los
template de calendario frecuentemente utilizan tablas HTML para disponer las fechas. Se
setean atributos de calendario usando strings de sustitucin tales como #DD# y #MONTH#.
Una lista de los strings de sustitucin soportados aparece sobre el lado derecho de la pgina
de atributos. Note que los string de sustitucin utilizados en el template deben ser con letra
mayscula y comenzar y terminar con un signo numeral (#). .
Ver tambin: "Creating Calendars"
Calendar Template Attributes
En esta seccin se describen los detalles de la pgina del template de calendario.
Calendar Template Identification
Name identifica el nombre del template. Theme indica el tema del cual el template es
miembro.
Template Class identifica un uso especfico para el template. Cuando se cambia a un nuevo
tema, todos los templates miembros del tema son mapeados a los templates
-112-
Building an Application
correspondientes del nuevo tema. El Application Builder logra esto mapeando los templates
a travs de la asignacin de clase a cada template.
Template Subscription
xxxxxxxx
Label Templates
List Templates
Page Templates
Popup LOV Templates
Region Templates
Report Templates
Optimizing a Page for Printing
Using Custom Cascading Style Sheets
Managing Images
Managing Static Files
Creating a Multiple Column Layout
Rendering HTML Using Custom PL/SQL
-113-