Membuat autocomplete dengan framework codeigniter + Source code

Kali ini saya akan membuat auto complete menggunakan framework codeigniter sederhana… Berikut tutorialnya…

1.Buat Databases dengan nama db_pos

CREATE TABLE IF NOT EXISTS `barang` (
  `kode` varchar(15) NOT NULL,
  `nama_barang` varchar(150) DEFAULT NULL,
  `harga` double DEFAULT NULL,
  `satuan` varchar(15) DEFAULT NULL,
  PRIMARY KEY (`kode`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;


INSERT INTO `barang` (`kode`, `nama_barang`, `harga`, `satuan`) VALUES
('111', 'M-150 Botol', 5000, 'Pcs'),
('222', 'Nestle carnation kkm 388 gr', 5650, 'Pcs'),
('333', 'Dyna puding cocopandan110 g', 9200, 'Pcs'),
('444', 'Mr jelly anggur 15 gr', 3500, 'Pcs');

2.Buat Controller baru dengan nama Pos dan codingan seperti ini :

load->model('m_pos');
	}
	function index(){
		$this->load->view('v_pos');
	}

	function get_barang(){
		$kode=$this->input->post('kode');
		$data=$this->m_pos->get_data_barang_bykode($kode);
		echo json_encode($data);
	}
}

3.Buat Model baru dengan nama M_Pos dan codingan seperti ini :

db->query("SELECT * FROM barang WHERE kode='$kode'");
		if($hsl->num_rows()>0){
			foreach ($hsl->result() as $data) {
				$hasil=array(
					'kode' => $data->kode,
					'nama_barang' => $data->nama_barang,
					'harga' => $data->harga,
					'satuan' => $data->satuan,
					);
			}
		}
		return $hasil;
	}

}

4.Buat View baru dengan nama v_Pos dan codingan seperti ini :

	
	">


	

		

		

			

				

                    Kode Barang
                    

                        
                    
                
				

                    Nama Barang
                    

                        
                    
                
				

                    Harga
                    

                        
                    
                
				

                    Satuan
                    

                        
                    
                
			
		
	

	
	

Note : Perlu diperhatikan jika tampilan kacau kamu perlu menambah asset boostrap dan jquery

Jika masih kebingungan saya juga memberi source code nya di link https://github.com/IDaldi/autocomplete-ci

Semoga Bermanfaat…