Selasa, 03 Februari 2015

How to use modal pop-up region

APEX telah menyediakan banyak contoh applikasi, salah satunya adalah Sample Dialog. Disitu kita akan belajar tentang bagaimana memakai dialog dengan teknik jQuery UI atau Custom Modal region untuk theme 25.

Namun untuk kasus modal region kita akan lihat bahwa modal dialog default adalah false. 
oh ya..saran saya jika kita memakai Theme 25 untuk membangun applikasi lebih baik kita bangun dialog dengan memakai region modal jangan memakai UI dialog biasa untuk pertimbangan estetika tampilan yg lebih oke. Untuk membuat modal dialog menjadi "true" maka tambahkan kode berikut saat memanggil regionnya.
function(){
  openModal('addDept');
  gBackground.off('click');
}
Untuk pemakaian dalam form process pop-up, nanti saya akan posting dengan kombinasi iFrame.

Note : Terima kasih buat bro Hoki yang telah men-debug dan mencarikan solusinya.

APEX 5 Tree Enhancement

APEX Early Adopter 3 telah release, kemaren telah terdaftar dan mencoba nya. Banyak sekali peningkatan yang signifikan dalam versi ini, yang paling ingin saya coba adalah universal theme.

Berikut beberapa ujicoba yang telah saya lakukan.

  • Mencoba implementasi jstree terbaru ke dalam APEX. dalam hal ini kita memperoleh feature
    • APEX dapat menerima file zip library dan otomatis di unzip kedalam Static Workspace Files.
    • Kita tidak perlu merubah referensi apapun di file CSS, tinggal pakai seperti halnya kita melakukan zip di file explorer.
  • Mencoba APEX tree.
    • Ada jenis tree baru yaitu : APEX Tree
    • APEX tree bisa memakai custom vector icon seperti font-awesome
    • Contoh query
    •  select case 
                when connect_by_isleaf = 1 then 0
                when level = 1             then 1
                else                           -1
              end as status 
            , level
            , m.description as title
            , case 
                when m.status = 'X' then 'fa-home fa-lg'
                when m.status = 'M' then 'fa-folder-open-o fa-lg'
                when m.status = 'F' then 'fa-book fa-lg'
                when m.status = 'R' then 'fa-table fa-lg'
                when m.status = 'T' then 'fa-tasks fa-lg'
                when m.status = 'C' then 'fa-bar-chart fa-lg'
                when m.status = 'S' then 'fa-cubes fa-lg'
              end as icon
            , m.id as value
            , m.tooltip as tooltip
            , 'f?p=&APP_ID.:&APP_PAGE_ID.:&SESSION.::::P3_ID,P3_SELECTED:'||m.id||','||m.id as link 
         from my_menu m
        start with m.status = 'X'
      connect by prior m.id = m.parent_id
        order siblings by m.SEQ