Cara Membuat LOV

Studi kasus desa_iddesa pada menu buku4a [Pokemon]

1. dikarenakan akan membuat desa_iddesa LOV masuk ke dalam DesaComponent , lalu copykan function desaLOV ke dalam Buku4bComponent :

*contoh desaLOV

2. Copykan function desaLOV di dalam Buku 4b di atas render seperti code di bawah ini :

3. Lalu lihat code pada point 2 , ada beberapa code yang harus di daftarkan atau di aktifkan :

a. funtion desaLOV , didalam function desaLOV yang sudah di copy tadi terdapat $this->nama_relaso = $desa->iddesa, sekarang ubah nama_relasi sesuai dengan nama relasi yang akan di buatkan lov , karena ini kasusnya desa_iddesa jadi nama_relasi di ganti desa_iddesa : seperti code dibawah ini :

*Sebelum

*Sesudah

*Catatan : Jangan Lupa daftarkan desaName Pada public Component tempatnya di atas tambahkan public $desaName;

b. Selanjutnya Masuk ke dalam function render aktifkan  $namalov = ModelLOV::search($this->searchlov)->paginate($this->perPage, ['*'], 'pageLOV'); menjadi seperti dibawah ini :

*sebelum

*sesudah

*Catatan Ubah $namalov dengan nama relasi yang akan di buat lov karena kasusnya ini desa_idesa jadi ubah menjadi $desa jangan lupa diberikan s agar tidak ambigu , menjadi $desas seperti code diatas.

*selanjutnya untuk ModelLov Kita Ganti menjadi Model Desa seperti code di atas karena kita mau membuat desa LOV

c. Lalu tambakan pada view agar bisa di tangkap di blade seperti code dibawh ini :


4. Jika sudah sekarang masuk kedalam blade yang pertama copykan blade dari Desa-Component-blade.php ke dalam buku4a-componen-blade : lalu cari code yang ke hidden berikut di dalam desa-component-blade :

5. Lalu masukkan code di atas ke dalam masing '' modal jika yang atas  kedalam tambah modal yang bawah kedalam edit modal, contohnya seperti code didalam buku4a blade di bawah ini :

*contoh pada modal tambah :

*contoh Pada modal edit :

6. Lalu jika sudah memasuukan ke view jangan lupa copy lov blade nya kedalam buku4a, dari desa blade pada code berikut :

*catatan @include('livewire.desa-lov') ada di dalam desa-component.blade

7.  selanjutnya copy juga JAVASCRIPT yang di desa-component.blade ke dalam JAVASCRIPT buku4a-component.blade, code nya seperti ini :

8. Lalu copykan code JAVASCRIPT desa di atas ke dalam buku4a-component.blade

nantinya akan menampilkan seperti code dibawah ini :

*Sebelum ditambah (Lokasi Buku4a-Component)

*sesudah di tambahkan JS dari desa ke buku4a-component.blade