Extjs : Advance Filtering, CRUD and PDF report dalam Grid

Saya sudah menjelaskan sebelumnya bahwa class grid yang digunakan untuk advance filtering di artikel sebelumnya mempunyai beberapa method yang belum dicontohkan secara lengkap tetapi hanya sebagian-sebagian saja. Nah dalam tutorial ini saya akan mencontohkan penggunaannya secara lebih lengkap yaitu dengan menambahkan update,create, delete record dengan teknik crud dan sebuah preview report dengan format PDF.
settingan autosave pada data storenya saya buat dengan nilai true agar setiap kali ada perubahan setelah di edit gridnya akan segera disimpan didatabase. jika anda tidak menyukai hal ini anda bisa menambahkan sebuah tombol save dan di handlernya anda bisa menggunakan perintah ds.save();
berikut ini adalah source code untuk membentuk user interfacenya (index.js)
[readmore]

Extjs: Advance Filtering Grid PDF Report

Setelah pada artikel sebelumnya membahas tentang bagaimana membuat advance filtering dengan grid, pertanyaan berikutnya adalah apakah class grid tersebut dapat digunakan untuk membuat report (dalam hal ini pdf) dengan variabel-variabel pencarian yang telah dikirim? jawabannya absolute 100% bisa!. yup didalam class grid ada sebuah method doSql yang mempunyai return value berupa recordset yang dapat anda gunakan untuk membuat sebuah report. berikut ini source code yang saya tambahkan untuk pembuatan sebuah report (pdf)
Karena kita membuat sebuah pdf report, saya memanfaatkan fpdf library untuk mengenerate file dalam format pdf. jadi pastikan anda mempunyai pdf library agar source code dibawah ini berjalan dengan baik. (jika anda main-main dengan xampp secara default fpdf sudah terinclude didalamnya)
[readmore]

Membuat Image Viewer dengan PHP

Sebenarnya fungsi ini hanyalah untuk melihat daftar file disuatu folder dan menyimpan daftar file di folder tersebut dalm bentuk array. kenapa saya beri judul image viewer? dikarenakan karena saya memfilter file tersebut hanya untuk menampilkan file yang berektensi gif, jpg dan png. dan menampilkannya dalam bentuk thumbnail gambar.
Screenshot contoh gambar yang saya taruh difolder images/

langsung aja deh source codenya dibawah ini
[readmore]

Extjs: Membuat Advance Filtering dengan Grid, PHP dan Mysql

Pencarian data merupakan hal yang mutlak untuk menemukan record yang dicari dengan cepat. Kali ini saya ingin membuat suatu grid yang mempunyai filter Adance search atau pencarian tingkat lanjut memanfaatkan sebuah class dalam php yang terhubung dengan database mysql.
Bagi yang belum tahu apa itu advance search secara gampangnya adalah suatu fitur yang memungkinkan kita melakukan pencarian dengan lebih dari satu kriteria. misalnya kita mencari data pegawai yang mempunyai umur diatas 30 tahun dan divisinya berada di departemen Marketing. Extjs sudah mempunyai grid filtering yang sangat powerfull untuk dapat melakukan pencarian seperti contoh tadi. Tetapi permasalahanya adalah bagaimana kita memproses variabel-variabel yang dikirim oleh grid tadi ke PHP dengan menggunakan database Mysql .
Saya membuat sebuah class di PHP yang bisa digunakan untuk menghandle pencarian-pencarian tersebut yang dapat anda download beserta contohnya nanti.
Sebelum memakai class tersebut anda harus mempunyai beberapa hal :

1. library PEAR ADODB jika anda memakai xampp library adodb tersebut secara default sudah terinstall di PHP
2. Class Msdb (sudah termasuk dalam satu paket dalam contoh yang dapat didownload)

[readmore]

Extjs: Membuat Aplikasi Chat dengan PHP Mysql Part 2

Setelah diartikel sebelumnya kita membuat ruangan chatting semua user yang online, pada bagian ini kita akan membuat ruangan chatting untuk private chatting dengan user yang dipilih. pada bagian sebelumnya saya membuat sebuah Tab Item yang itemnya terdiri dari displayField, TextField dan Panel User. Untuk bagian private chatting kita tidak bisa menambahkannya secara manual karena kita tidak tahu jumlah user yang akan melakukan private chatting. jadi kita harus menambahkannya secara dinamis berupa Tab Item yang didalamnya terdapat textfield dan DisplayField. Solusi dari masalah tersebut yaitu kita membuat sebuah Komponen baru, dalam hal ini saya beri nama privChat dan diturunkan dari Ext.panel.
Berikut Souce code dari komponen privChat
[readmore]