Sabtu, 01 Februari 2014

Dynamic Highlight on classic & interactive report

Pada posting kali ini sya akan menunjukkan bagaimana melakukan highlight secara bersamaan pada classic report dan interactive report memakai Dynamic Action(DA).

Skenario :
  • Sebuah Item Parameter bisa hidden atau select list : PXX_DEPT_HL.
  • Sebuah report classic thd : DEPT 
  • select null "icon"
    ,deptno, DNAME
    ,case when deptno = :PXX_DEPT_HL then 'HIGHLIGHT' else null end HIGHLIGHT 
    from dept
    
  • Sebuah report interactive EMP.
  • select EMP.EMPNO as EMPNO,
        EMP.ENAME as ENAME,
        EMP.JOB as JOB,
        EMP.MGR as MGR,
        EMP.HIREDATE as HIREDATE,
        EMP.SAL as SAL,
        EMP.COMM as COMM,
        EMP.DEPTNO as DEPTNO ,case when deptno = :PXX_DEPT_HL then 'HIGHLIGHT' else null end HIGHLIGHT 
     from EMP EMP
    
  • Saat icon pada report calssic di clik / atau nilai PXX_DEPT_HL berubah akan memeri hilghlight pada kedua report sesuai nilainya

Logic :
  • Pada column icon buatlah sebuah link dengan action url:
    javascript:$s('PXX_DEPT_HL','#DEPTNO#');
  • Pada column dname HTML Expression:
    <span id="#HIGHLIGHT#DNAME#R#">#DNAME#</span>
  • Pada report interactive buatlah format highlight row dengan kodisi highlight=HIGHLIGHT.
  • Buatlah DA thd item PXX_DEPT_HL dengan event : change dan action : refresh report classic.
  • Buatlah DA pada report classic dengan event : after refresh dengan action : Execute Javascript Code :
    $("[id^=HIGHLIGHT]").closest('tr').children('td').css("background-color", "#FD4");
    dan Refresh region report interactive.

Demo : disini

Tidak ada komentar :

Posting Komentar