banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(MasterKategoriSampah): load data dropdown from JenisSampah json

main
Kevin Hendrawan 2025-11-21 23:34:17 +07:00
parent 566986bf68
commit 21849076dc
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
Views/Master/KategoriSampah/Index.cshtml
View File

@ -10,7 +10,7 @@
</div> </div>
<div class="flex flex-col gap-2 md:flex-row"> <div class="flex flex-col gap-2 md:flex-row">
<button class="btn btn-sm bg-green-800 max-w-full rounded-full text-white hover:bg-green-900" onclick="modal_tambah.showModal()"> <button class="btn btn-sm bg-green-800 max-w-full rounded-full text-white hover:bg-green-900" onclick="openModal()">
<i class="ph ph-plus"></i> <i class="ph ph-plus"></i>
Tambah Kategori Sampah Tambah Kategori Sampah
</button> </button>
@ -158,35 +158,39 @@
// Open modal // Open modal
modal_tambah.showModal(); modal_tambah.showModal();
loadJenisSampah();
});
}); });
// Get data for jenis sampah select function openModal() {
modal_tambah.showModal();
// load dropdown setiap modal dibuka
loadJenisSampah();
}
function loadJenisSampah() {
$.ajax({ $.ajax({
url: '/Master/JenisSampah/table', // Ganti sesuai endpoint kamu url: '/Master/JenisSampah/table', // Ganti sesuai endpoint kamu
method: 'GET', method: 'GET',
dataType: 'json', dataType: 'json',
success: function (response) { success: function (response) {
var dropdown = $('#jenis_sampah'); // Buat HTML option dengan map
let options = response.data
.map(item => `<option value="${item.nama}">${item.nama}</option>`)
.join("");
// Hapus placeholder lama // Masukkan ke dropdown
dropdown.empty(); $("#jenis_sampah").html(`
dropdown.append('<option value="" disabled selected>Pilih Jenis Sampah</option>'); <option value="" disabled selected>Pilih Jenis Sampah</option>
${options}
// Tambahkan item dari API `);
$.each(response, function (index, item) {
dropdown.append(
$('<option>', {
value: item.nama,
text: item.nama
})
);
});
}, },
error: function () { error: function () {
console.error('Gagal memuat data jenis sampah.'); console.error('Gagal memuat data jenis sampah.');
} }
}); });
}); }
function closeModal() { function closeModal() {
// Reset form // Reset form