Postingan lainnya
Post data dengan modal dan javascript
saya memiliki button approve yang ketika ditekan akan menampilkan modal yang berisikan inputan, lalu nilai inputan di post ke db, tetapi hanya row pertama yang berhasil post data melalui modal untuk row ke dua data tidak di post ke modal, mohon bantuan untuk menangani error ini (Id row yang di ambil selalu id row yang pertama di pilih) berikut adalah kodingan untuk buttonnya
//button approve untuk penomoran
var urlPengesahan = "<a class='pengesahanSK' title='Pengesahan Regulasi'><button class='btn btn-success btn-xs' type='Button' data-id=" + aData[7] + " data-numbering='" + aData[8] + "' data-toggle='modal' data-target='#myModalPengesahan' >Approve</button></a>";
dan ini untuk modalnya
<div class="modal fade" id="myModalPengesahan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<form class="modal-content" id="formPengesahanSK"
action="<?php echo LIB_AJAX; ?>ajax.decree.php?act=PengesahanSK"
class="form-horizontal" method="POST">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Pengesahan Regulasi</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label class="col-sm-6 control-label" for="cpb_eng">
<span id="lbl_eng">Setting tanggal pengesahan Regulasi</span>
</label>
<div class="col-sm-4">
<input type="text" name="startDate" id="startDate" class="form-control">
</div>
</div><br><br>
<div class="form-group">
<label class="col-sm-6 control-label" for="cpb_eng">
<span id="lbl_eng">Setting tanggal kadaluarsa Regulasi</span>
</label>
<div class="col-sm-4">
<input type="text" name="kadaluarsaDate" id="kadaluarsaDate" class="form-control">
<input type="hidden" name="decreedataidtglPengesahan" id="decreedataidtglPengesahan">
</div>
</div><br>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
dan ini untuk javascript yang digunakan
$('#formPengesahanSK').validate({
rules: {},
messages: {},
submitHandler: function (form) {
$.ajax({
url: form.action,
type: form.method,
dataType: 'json',
data: $(form).serialize(),
beforeSend: function () {
ShowLoading();
},
complete: function () {
HideLoading();
$('#myModalPengesahan').modal('toggle');
oDataTable.fnDraw();
},
error: function (jqXHR, textStatus, errorThrown) {
// alert('<?php echo @GetLang("System Error"); ?>');
},
success: function (response) {
}
});
return;
}
});
dan ini untuk mengambil id
$('#myModalPengesahan').on('show.bs.modal', function (e) {
var decreeDataId = $(e.relatedTarget).data('id');
$("#decreedataidtglPengesahan").val(decreeDataId);
$.ajax({
type: "POST",
dataType: "json",
data: {decreeDataId: decreeDataId},
url: "<?php echo LIB_AJAX; ?>ajax.decree.php?act=getTanggalPengesahanRegulasi",
success: function (data) {
x.datepicker('setDate', data.PENGESAHAN);
y.datepicker('setDate', data.KADALUARSA);
}
});
$(this).off('show.bs.modal');
});
0
Tanggapan
Maksudnya ingin input data tanpa reload ?
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban