ADF 11g: Variables de página

Una duda que suele surgir a la hora de crear la pageDef de una página es la siguiente:

Enlace a descarga del ejemplo

¿Para qué sirve el 'executable' variables?
Una de las funcionalidades que nos permite es la creación de "variables" asociadas a Data Controls (como cuando hacemos Drag & Drop de una View Object y genera el Iterator). Pero, por otro lado nos permite la generación de variables del tipo que queramos (por ejemplo java.lang.String).


Executable variables de una pageDef

¿Cómo puedo crear una variable?
En la propia pageDef lo podemos realizar desde la vista Structure o desde la propia pageDef haciendo click derecho en el propio ejecutable variables.
Seleccionar en Insert Inside Variables -> variable para crear una variable.


Creación de una variable en el executable variables (I)

Dar un nombre lógico y el tipo de datos de la variable.


Creación de una variable en el executable variables (II)

Generar un binding a dicha variable para facilitar el acceso a la misma. El binding será de tipo attributeValues.
Creación del Binding a la variable (I)
Elegir la fuente del binding, en este caso, variables y la variable recién creada.

Creación del Binding a la variable (II)
Con ello ya podemos usar la variable para almacenar o mostrar los valores que queramos:

Binding a la variable creado


  • Uso en JSPX.
    Uso del Binding en JSPX

  • Uso desde JAVA.
    Uso del Binding desde JAVA
Aprovechando el ejemplo comentar que se puede modificar la ruta donde crea automáticamente JDeveloper las pageDef. Para ello seleccionar en las propiedades de proyecto del ViewController. Navegar a ADF Model y en el apartado PageDef sub-package podemos decir el prefijo de carpetas donde se almacenarán las pageDef. Hay que tener en cuenta que este prefijo será adherido al ya configurado por defecto para la aplicación como ruta de paquetes base.

Cambio de ubicación por defecto de las pageDefs

Ejemplo desarrollado en JDeveloper 11.1.1.6

 Enlace al ejemplo descargable: PageDefVarApp

Comments

Post a Comment

Popular posts from this blog

OJET: Inter-Module communication in TypeScript Template

Image
In this post I bring another example on how to Communicate Modules using the Oracle JET - TypeScript Template based on the Oracle JET Cookbook: InterModule Communication From now and so on will create multiple examples using TypeScript for those who are not familiar with it and wants to turn the Cookbook examples into TypeScript :). The example ( ojet-typescript-list-detail ) can be found as usual in my GitHub repository: https://github.com/DanielMerchan/ojet-examples This example is a bit different compared to the Cookbook example where the modules are not running at the same time within a Module. This example is built as described in the following images: Customers module acts as the Wrapper Module. It coordinates when to load the list and detail modules. Customers module makes use also of signals npm module for communication between Customers-List, Customers-Detail. Explanation of the Example customers.js is the coordinator responsible module for: initiali
Read more

OJET: Build and Deploy in an Application Server

Image
There are some other sources where an Oracle JET Application is packaged and deployed as a WAR in Oracle WebLogic Application Server (Arda Eralp) https://blogs.oracle.com/ardaeralp/deploy-oracle-jet-application-to-weblogic-server (Andrejus Baranovski's) http://andrejusb.blogspot.com/2016/07/serving-oracle-jet-application-from.html They may look bit old or maybe because they call directly grunt tasks by using the grunt-cli . In this post I will update a bit these posts in Oracle JET 6.1.0 and the usage of ojet build (instead of calling the grunt tasks) for also building the corresponding WAR file. The example can be found in my GIT repository: https://github.com/DanielMerchan/ojet-examples Let's start... Install grunt-war module in your Oracle JET Application. npm install grunt-war --save-dev Create a war.js (or call it whatever you want) in /scripts/grunt/config folder under your souce files. This is a sample code inside of it, check https://www.npmjs.com/packag
Read more

OJET: Select All options using only Checkboxset

Image
This is an example on how to select all other options by using another oj-checkboxset. GitHub: ojet-checkbockset-select-all The idea is to keep track of the selection and make use of the on-value-changed as described in the following code. self.colorOptions = ko.observableArray([ { id: "blueopt", value: "blue", color: "Blue" }, { id: "greenopt", value: "green", color: "Green" }, { id: "redopt", value: "red", color: "Red" }, { id: "limeopt", value: "lime", color: "Lime" }, { id: "aquaopt", value: "aqua", color: "Aqua" }, ]); self.selectAll = ko.observableArray([]); self.currentColor = ko.observableArray(["red"]); self.selectAllOptionChanged = (event) => { const newSelection = event.detail.value; if (newSelection.indexOf('all')
Read more