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 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>
Tambah Kategori Sampah
</button>
@ -158,35 +158,39 @@
// Open modal
modal_tambah.showModal();
loadJenisSampah();
});
});
// Get data for jenis sampah select
function openModal() {
modal_tambah.showModal();
// load dropdown setiap modal dibuka
loadJenisSampah();
}
function loadJenisSampah() {
$.ajax({
url: '/Master/JenisSampah/table', // Ganti sesuai endpoint kamu
method: 'GET',
dataType: 'json',
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
dropdown.empty();
dropdown.append('<option value="" disabled selected>Pilih Jenis Sampah</option>');
// Tambahkan item dari API
$.each(response, function (index, item) {
dropdown.append(
$('<option>', {
value: item.nama,
text: item.nama
})
);
});
// Masukkan ke dropdown
$("#jenis_sampah").html(`
<option value="" disabled selected>Pilih Jenis Sampah</option>
${options}
`);
},
error: function () {
console.error('Gagal memuat data jenis sampah.');
}
});
});
}
function closeModal() {
// Reset form