*Keperluan untuk mendapatkan contoh paparan seperti dalam Sistem ePatuh dan tambahan koding mesej hilang dari skrin sehingga laporan dipaparkan*
1) Setiap button memegang id masing-masing. Button 'Jana Laporan' memegang 'id genReport' yang menghasilkan paparan laporan.
2) Apabila button 'Jana Laporan' diklik, maka mesej 'Laporan sedang dijana. Sila Tunggu.....' dipaparkan sebelum paparan laporan sebenar.
3) Berikut adalah cara pengekodan dimana Layout div class 'log' diletak sebelum paparan div class'generateReport_monthly' dalam body HTML.
4) Seterusnya, di '<script>' atau '<script type="text/javascript">' mengikut id button yang berkenaan iaitu genReport (Button Jana Laporan), sila letakkan koding '$ (".log").text ('Laporan sedang dijana. Sila Tunggu');' dan '$ (".log").show()' serta '$ (".log").hide()' di bawah 'div dengan id generateReport_monthly'.
5) Keterangan bagi koding di no. 4 yang terdiri dari '$ (".log").text ('Laporan sedang dijana. Sila Tunggu');', mesej akan dipaparkan melalui koding '$(".log").show()' dan koding berikut AjaxCall(base_url+'index.php/laporan/generateReport_monthly', $var, 'generateReport_monthly' '', '$(".log").hide(); $("#generateReport_monthly").slideDown()',''); akan memaparkan laporan. '$ (".log").hide()' yang telah ditambah dalam koding AjaxCall menyebabkan tiada paparan mesej 'Laporan sedang dijana. Sila Tunggu' setelah laporan sebenar dijana.
5) Seterusnya apabila button 'Cetak' diklik, paparan mesej 'Laporan sedang dijana. Sila Tunggu' sehingga dialog Print dipapar.
6) Berikut adalah kedudukan koding yang perlu diletakkan dalam button Cetak yang memegang id prnReport untuk paparan dialog print seperti yang dinyatakan diatas.
8) Berikut adalah kedudukan koding yang perlu diletakkan dalam button Excel yang memegang id exlReport dimana mesej 'Laporan sedang dijana. Sila Tunggu' akan dipaparkan dan akan hilang dari skrin setelah tempoh yang ditetapkan tamat.
7) Seterusnya apabila button 'Excel' diklik, paparan mesej 'Laporan sedang dijana. Sila Tunggu' kekal sehingga 'dialog Open With Microsoft Excel' dipaparkan.
Disediakan oleh :- Nanthini A/P Chandiran
Sistem yang telah diaplikasikan :- Health Integrated Data Application System
Sumber koding :- Sistem epatuh
0 comments:
New comments are not allowed.