Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
data muncul kemudian hilang ketika select data dari modal ke form menggunakan laravel 8 livewire 2
wwww.jpg 44.07 KB
livewire view :
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form method="POST" wire:submit.prevent="save">
<div class="mb-3 row">
<label class="col-md-2 col-form-label">Barcode</label>
<div class="col-md-5">
<input type="text" name="bahan_baku_kode" wire:model="bahan_baku_kode"
id="bahan_baku_kode" class="form-control" readonly>
@error('bahan_baku_kode') <span class="error">{{ $message }}</span> @enderror
</div>
<div class="col-md-5">
<div class="col-md-2 col-4">
<button type="button" class="btn btn-primary waves-effect waves-light"
data-bs-toggle="modal" data-bs-target=".bs-example-modal-xl">Cari</button>
</div>
</div>
</div>
<div class="mb-3 row">
<label class="col-md-2 col-form-label">Nama</label>
<div class="col-md-10">
<input type="text" name="nama_bahan_baku" wire:model="nama_bahan_baku"
id="nama_bahan_baku" class="form-control" readonly>
@error('nama_bahan_baku') <span class="error">{{ $message }}</span> @enderror
</div>
</div>
<div class="mb-3 row">
<label class="col-md-2 col-form-label">Jumlah</label>
<div class="col-md-10">
<input type="text" name="jumlah" wire:model="jumlah" class="form-control">
@error('jumlah') <span class="error">{{ $message }}</span> @enderror
</div>
</div>
<div class="mb-3 row">
<label class="col-md-2 col-form-label">Satuan</label>
<div class="col-md-10">
<input type="text" name="satuan" wire:model="satuan" class="form-control" id="satuan"
readonly>
@error('satuan') <span class="error">{{ $message }}</span> @enderror
</div>
</div>
<div class="mb-3 row">
<label class="col-md-2 col-form-label">Harga</label>
<div class="col-md-10">
<input type="text" name="harga" wire:model="harga" class="form-control">
@error('satuan') <span class="error">{{ $message }}</span> @enderror
</div>
</div>
<div class="mb-3 row">
<div class="col-md-5">
<button type="submit" class="btn btn-success" type="button">Finish</button>
</div>
</div>
</form>
</div>
</div>
</div> <!-- end col -->
modal :
<div wire:ignore.self class="modal fade bs-example-modal-xl" id="modal-item" tabindex="-1" role="dialog"
aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myExtraLargeModalLabel">Extra large modal</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="datatable" class="table align-middle table-nowrap table-check">
<thead class="table-light">
<tr>
<th class="align-middle">No</th>
<th class="align-middle">Kode BK</th>
<th class="align-middle">Nama</th>
<th class="align-middle">Persedian</th>
<th class="align-middle">Satuan</th>
<th class="align-middle">Actions</th>
</tr>
</thead>
<tbody>
<tr>
@php $no = 1; @endphp
@foreach ($bahanbaku as $bb)
<td>{{ $no++ }}</td>
<td>{{ $bb->kode_bahan_baku}}</td>
<td>{{ $bb->nama_bahan_baku}}</td>
<td>{{ $bb->persediaan}}</td>
<td>{{ $bb->satuan}}</td>
<td>
<button class="btn btn-xs btn-info" id="select"
data-bahan_baku_kode="{{ $bb->kode_bahan_baku}}"
data-nama_bahan_baku="{{ $bb->nama_bahan_baku}}"
data-satuan="{{ $bb->satuan}}">
<i class="fa fa-check"></i> Select
</button>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div> <!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
script :
<script>
$(document).ready(function() {
$(document).on('click', '#select', function() {
var bahan_baku_kode = $(this).data('bahan_baku_kode');
var nama_bahan_baku = $(this).data('nama_bahan_baku');
var satuan = $(this).data('satuan');
$('#bahan_baku_kode').val(bahan_baku_kode);
$('#nama_bahan_baku').val(nama_bahan_baku);
$('#satuan').val(satuan);
$('#modal-item').modal('hide');
})
})
</script>
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban