2. TRANSACTION-GRID
PERHATIAN: TULISAN INI MEMBUTUHKAN DASAR-DASAR DHTMLX, SILAHKAN IKUTI MULAI
DARI TULISAN PERTAMA SERI BELAJAR PEMROGRAMAN WEB MENGGUNAKAN DHTMLX, PHP
DAN MYSQL
Tulisan ini sama dengan tulisan sebelumnya yaitu “Transaction pada Form”. Tetapi disini kita
menggunakan Grid, jadi kita menambahkan beberapa data dari Form ke Grid lalu kumpulan
data yang ada pada Grid tersebut kita simpan ke database.
Database yang digunakan sama dengan tulisan sebelumnya, dan komponen juga sama tetapi
ada satu penambahan Grid untuk menampung kumpulan data dari Form sebelum disimpan ke
database. Grid akan ditempatkan pada Form type “Container” (biasanya type berupa input,
button,block)
Jadi setelah menekan tombol Tambah, record hanya dimasukkan ke dalam Grid tidak langsung
ke database. Setelah Tombol Save to DB ditekan maka kumpulan data yang ada pada Grid
tersebut dimasukkan ke database (Multiple Record at Once)
3. Langsung pada kode/script di bawah ini, dan oleh karena hampir sama dengan tulisan
sebelumnya maka kode program juga tidak jauh berbeda.
xconn.php (PERHATIKAN SET SESION sql_mode=”TRADITIONAL”)
index.html (dasar sebelum script ditulis, nanti akan ditulis pada bagian //---SCRIPT--)
5. - Form ditempatkan pada Layout.cells(“a”)
- Grid akan ditempatkan pada container
- Tombol Tambah memasukkan data yang ada di Form ke dalam Grid dengan perintah
MyGrid.addRow
- Tombol Save to DB akan menyimpan kumpulan data yang ada di dalam Grid ke database
Berikut ini adalah script myGrid DataProcessor
6. myGrid.setUpdateMode(“off”), secara default Grid Update automatic disini off, jadi saat
Tombol Save to DB ditekan baru proses dijalankan
baris myGrid.setColumnIds(“…”) dan myGridDP.enableDataNames(true) diperlukan
agar kolom pada Grid mempunyai nama, kalau tidak cuma kolom index c0,c1…cN.
Perbedaannya bisa dilihat pada kedua gambar di bawah ini
Event saat Tombol pada Form ditekan
8. PERBEDAAN dengan tulisan sebelumnya yaitu perulangan pada ids
produk_combo.php, input_grid.php dan stok_grid.php sama dengan tulisan sebelumnya
“Transaction Form” yang cuma untuk menampilkan data produk pada combo, input pada Grid
kanan atas dan stok pada Grid kanan bawah
Kode lengkap secara berurutan silahkan download source code.
• Demo bisa dicoba di http://www.dhxapps.web.id/tutorial/9/index.html
• Source code dapat diperoleh di http://www.dhxapps.web.id/tutorial/9/trans-grid.zip
PENULIS
Manuppak L. Tobing
Masih Newbie dalam DHTMLX Programming
http://tobingvps.com – Sadly VPS owner sold his company and price up
more 3x, moving tobingvps.com to shared hosting www.dhxapps.web.id
Email: lumban.tobing.m@gmail.com