Seleccionar un registro en IGrid e IReport para refrescar una región con gráficos

En este articulo veremos dos maneras de seleccionar un registro, en un Interactive Grid e Interactive Report, y al momento de obtener el registro refrescaremos una región de gráficos.

Demo01: Interactive Grid

1. Creamos una region de tipo Interactive Grid.

   

2. Creamos un PAGE ITEM: P36_SELECTED, en donde guardaremos el valor cuando seleccionemos un registro de la region con el Interactive Grid.

3. Crear otra region de tipo Grafico en donde mostraremos la información en función al registro seleccionado.

   

   

   4. A nivel del Interactive Grid creamos una Action Dynamic de la siguiente manera:

      

      En acción TRUE, creamos un JAVAScript en donde obtenemos el ID seleccionado y lo asignamos a la variable creada, luego con apex.region.refresh, refrescamos la región del gráfico:

      

       var selectedId = ":";
       var model = this.data.model;
      
       if (this.data.selectedRecords.length > 0) {
           selectedId += model.getValue(this.data.selectedRecords[0], "ID") + ":";
       }
      
       $s("P36_SELECTED", selectedId);
       apex.region("budgetchart").refresh();
      

Como resultado vemos lo siguiente:

Demo02: Interactive Report

1. Creamos una región de tipo Interactive Report.

   

2. Creamos un PAGE ITEM: P36_SELECTED_IR, en donde guardaremos el valor cuando seleccionemos un registro de la region con el Interactive Report.

3. Crear otra región de tipo Gráfico en donde mostraremos la información en función al registro seleccionado.

4. A nivel del Interactive Report creamos una Action Dynamic de la siguiente manera:

   • Evento: Click usando Jquery, tener en cuenta que hay que crear el Static ID del reporte con nombre: listado_projectos

     

   • Cuando es TRUE, crear SET VALUE usando JavaScript

     

   • Luego refrescar la region

     

     Como resultado obtenemos lo siguiente:

     

En el siguiente link las 2 demos creadas.

https://apex.oracle.com/pls/apex/r/kcbarra/demo-desarrollo213766/click-en-registro-y-refrescar-region-detalle?session=101307090707480.

Gracias!.