Pages

  • Home
  • Daftar Artikel

Dependent ListBoxes Pada Form Registrasi

Untuk contoh ini, kita akan menyempurnakan form registrasi yang telah kita buat dengan menambahkan field provinsi dan kabupaten/kota. Kedua field yang ditambahkan ini berbentuk ListBox yang telah disiapkan datanya. Jadi kita harus siapkan dulu tabel provinsi dan tabel kabupaten di database mysql kita. Kira-kira strukturnya seperti berikut:


CREATE TABLE IF NOT EXISTS `provinsi` (
  `kodeprov` int(2) NOT NULL DEFAULT '0',
  `provinsi` varchar(18) DEFAULT NULL,
  PRIMARY KEY (`kodeprov`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;


CREATE TABLE IF NOT EXISTS `kabupaten` (
  `kodekab` bigint(10) NOT NULL DEFAULT '0',
  `kab` varchar(25) DEFAULT NULL,
  `kodeprov` bigint(10) DEFAULT NULL,
  PRIMARY KEY (`kodekab`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;


  • Download sql filenya di http://kisahteman.id1945.com/db/provkab.sql (memuat kode provinsi dan kode kabupaten kota seluruh Indonesia).
  • Jangan lupa menambahkan field kodeprov dan kodekab di tabel profil. Gunakan phpmyadmin untuk menambahkannya.


Setelah tabel provinsi dan kabupaten selesai,

Buka halaman registrasi menggunakan CodeCharge Studio.

Tambahkan dua baris untuk listbox provinsi dan listbox kabupaten. Insert Listbox menggunakan Toolbox -> form -> listbox
Listbox properties

Atur properti seperti pada gambar.
Name: provinsi

Control source: kodeprov
Data type : table
Data source: provinsi
Bound column : kodeprov
Text Column: provinsi

Buat juga hal yang sama pada listbox kodekab.




 

Membuat Dependent Listbox dengan CodeCharge Studio

Dependent listbox ini dimaksudkan agar jika pendaftar memilih provinsi maka di listbox kabupaten hanya terdapat pilihan kabupaten yang ada di provinsi tersebut. Tentunya ini akan memudahkan pendaftar untuk mengisi form registrasi.

Untuk membuat dependent listbox ini, kita menggunakan fasilitas toolbox -> Feature Builder. Kita harus mengatur beberapa hal. Lihat gambar:
Feature Builder

Step 1 dari 3 step : Ceklist Dependent ListBoxes

Step 2 dari 3 step : Pilih Connection1

Step 3 dari 3 step :

Atur seperti gambar di bawah.




setting dependent listbox

Dependent ListBox selesai.

6 comments:

  1. Gan, ane mo nanya neeh..? hee
    btw ane lgi iseng belajar code charge. ane mo nanya ttg perhitungan pada code charge.semisal ane buat form transaksi nih.. n di dalamnya tsb ada 3 field perhitungan.
    yaitu field harga, jumlah, dan total harga. kasarannya (total harga = jumlah * harga,) naah ane mo nanya... jika total harga tersebut Auto Calculate itu gimana yah...? jadi semisal kita isi jumlah (3) dan harga (1200) dan total harga tsb langsung calculate sekian.. thx

    ReplyDelete
  2. Kalau (misal) Agan menggunakan database mysql untuk mengisi data jumlah dan harga, pada builder, tambahkan field total. isikan pada column/expression nya:
    jumlah*harga
    dan pada Alias : total harga

    Cara lainnya, adalah menggunakan event before show. gunakan (tambahkan label total terlebih dulu):
    $harga=$gridname->labelharga->getvalue();
    $jumlah=$gridname->labeljumlah->getvalue();
    $total=$gridname->labeltotal->setvalue($harga*$jumlah);
    Saran saya, pake database lebih simple.

    ReplyDelete
  3. ok gan. sarannya sangat membantu. sukses ya gan...

    ReplyDelete
  4. Saya gagal terus membuat dependent list, saya pake versi 5.0, sya pelajari ngak jauh beda dengan yang 4.0, mohon bantuan, apakh ada yang salah,

    ReplyDelete
    Replies
    1. Saya belum tau apa yang salah dengan ccs 5. Kalau agan baca posting saya http://id-codecharge.blogspot.com/2014/01/tetap-di-codecharge-4-belum-pindah.html
      itulah alasan saya tidak pakai ccs 5. mungkin sekarang sudah ada penjelasannya di forum ccs...

      Delete