Terkadang kita membutuhkan
beberapa jawaban dalam satu pertanyaan misalnya makanan apa saya yang disukai,
jika disediakan 10 macam makanan tidak menutup kemungkinan bahwa kita menyukai
lebih dari satu makanan yang terdapat didalam pilihan tersebut. Oleh karena itu
penggunaan combo box didalam sebuah website dapat menjadi pilihan untuk
merealisasikan hal tersebut. Berbeda dengan radio button yang hanya dapat
memilih satu pilihan dari berbagai pilihan yang disediakan, dalam combo box
kita bisa memilih lebih dari satu pilihan.
Untuk kalian yang menggunakan
framework CodeIgniter mungkin akan sedikit bingung karena penggunaan combobox
didalam codeigniter sedikit berbeda dengan syntax php yang sering kalian
gunakan. Dalam artikel ini kita akan membahas bagaimana cara menggunakan combo
box dalam framework CodeIgniter.
Untuk membuat combo box di
codeIgniter, kita membutuhkan beberapa syntax yaitu :
·
Echo Form_open(tujuan_pengiriman_form)
·
Echo Form_checkbox(‘nama[]’,value_dari_string_yang__akan_ditampilkan,’).array_nama_dari_string_yang_akan_ditampilkan
·
Echo
Form_submit(array(‘name’=>’submit’),’next’)
·
Echo Form_close();
1.
Langkah pertama adalah buat function untuk
melakukan selection data yang akan ditampilkan didalam file di folder model. Sebagai
contoh berikut adalah function untuk membaca isi tabel gejala dari database.
1
2
3
4
5 |
public function gjl ()
{
$data = $this->db->query(‘Selecy
* from gejala’); //membaca isi dari table gejala
return $data->result_array();
|
2.
Kemudian panggil function yang telah dibuat
didalam function index dalam file
controller. Pada contoh sebelumnya kita telah membuat function dengan nama gjl
sehingga cara memanggilnya adalah dengan sintax $this->hcmodel (nama file
model) -> gjl() dan kemudian simpan dalam sebuah variabel baru.
1
2
3
4 |
public function index (){
$data = $this->hcmodel->gjl();
//memanggil method gjl dari file model hcmodel
}
|
3.
Panggil halaman yang akan ditampilkan dengan
memasukkan nilai dari hasil function selection sebelumnya. Cara memanggil
halaman yang akan ditampilkan adalah menggunakan syntax berikut :
$this->load->view(‘nama file yang
akan ditampilkan’,array(‘nama variabel baru yang akan dikirim ke halaman yang
akan ditampilkan’=> variabel yang dikirim ));
Catatan tidak boleh ada spasi dalam menulis
nama variabel. Contoh penggunaannya adalah sebagai berikut :
1
2
3
4
5
6
7 |
public function index (){
$data = $this->hcmodel->gjl();
$this->load->view(‘mulai’,array(‘data’=>
$data,’data2’ => $data));
//membuka halaman mulai dengan
mengirimkan variabel data dan data2 kepada halaman tersebut
}
|
4.
Selanjutnya pada halaman yang akan ditampilkan masukkan data yang telah diambil dari database
kedalam array (dari langkah sebelumnya berarti merupakan variabel data dan
data2 yang sebelumnya telah dikirim ke halaman mulai dari controller)
5.
Untuk menggunakan form combobox gunakan syntax
echo
form_open(base_url().’index.php/nama_file_controller/nama_method_yang_dituju’)
Method yang dituju adalah method untuk
mengolah hasil dari combo box yang dipilih.
6.
Buat perulangan untuk menampilkan data dari
database sebagai combo box sejumlah data yang ingin ditampilkan, cara yang
mudah ketika kita tidak mengetahui banyak data yang ada di database dan juga
untuk antisipasi apabila dilakukan penambahan atau pengurangan data adalah
dengan menggunakan foreach pada perulangannya.
7.
Akhiri dengan menggunakan syntax echo
‘<br>’.form_submit(array(‘name’=>’submit’),’nama tombol’).’<br>’
Syntax tersebut menghasilkan sebuah tombol
yang berfungsi untuk menjalankan form ketika tombol tersebut ditekan. Nama tombol
merupakan tulisan yang akan ditampilkan diatas tombol ketika tombol tersebut
ditampilkan.
8.
Jangan lupa menutup form dengan menggunakan echo
form_close();
Untuk langkah 4 sampai 8 akan
berikut merupakan contoh source code untuk menampilkan combo box :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
<title> Mulai Diagnosa </title>
<link href="<?php echo
base_url();?>aset/kuning/default.css" rel="stylesheet"
type="text/css" media="all" />
<link href="<?php echo
base_url();?>aset/kuning/fonts.css" rel="stylesheet"
type="text/css" media="all" />
<body>
<center>
<div id="header-wrapper">
<div
id="header" class="container">
<div
id="menu">
<ul>
<li
class=""><a href="<?php echo base_url();?>"
accesskey="1" title="">HOME</a></li>
<li
class="current_page_item"><a href="#"
accesskey="1" title="">Gejala</a></li>
<li
class=""><a href="<?php echo
base_url();?>index.php/Welcome/diagnosa" accesskey="1"
title="">Diagnosa</a></li>
<li
class=""><a href="<?php echo
base_url();?>index.php/Welcome/hasildiagnosa" accesskey="1"
title="">Hasil Diagnosa</a></li>
<li
class=""><a href="<?php echo
base_url();?>index.php/Welcome/penangan" accesskey="1"
title="">Cara Penanganan</a></li>
<li
class=""><a href="<?php echo
base_url();?>index.php/Welcome/saran" accesskey="1"
title="">Saran</a></li>
</ul>
</div>
</div></div>
<div
id="copyright" class="form.button">
<p>
Silahkan Memilih Gejala yang Terjadi </p>
<p>
<table>
<?php
$j=0;
$nama[]="null";
foreach($data2
as $value) {
$nama[$j]
= $value['Kode'];
$j++;
}
echo
form_open(base_url().'index.php/Welcome/pilih');
$i=0;
foreach($data
as $value) {
$tmp[$i]
= $value['Kode'];
echo
'<td><a>'.form_checkbox('nama[]',$tmp[$i],'').$value['Gejala']."<br><tr>";
$i++;
}
echo
'<br>'.form_submit(array('name'=>'submit'),'next').'<br>';
echo
form_close(); ?>
</p>
</table>
</span>
</div>
<div
id="footer" class="container">
<div>
<header
class="title">
<h2>Keep
Your Coffee Health</h2>
<span
class="byline">Everything Look Easier with HC</span>
</header>
<ul
class="contact">
<li><a
href="#" class="icon
icon-twitter"><span>Twitter</span></a></li>
<li><a
href="#" class="icon
icon-facebook"><span></span></a></li>
<li><a
href="#" class="icon
icon-tumblr"><span>Google+</span></a></li>
<li><a
href="#" class="icon
icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
</div>
</div>
|
Contoh Tampilan Penggunaan Combo
Box :
Comments
Post a Comment