- Beranda
- Komunitas
- Tech
- Programmer Forum
[Nanya] PHP ama jquery ui (modal & another input)


TS
wolfzmus
[Nanya] PHP ama jquery ui (modal & another input)
Moga2 ada yang bisa, ane dah nyerah 
Ane agak bingung gimana ya ngomongnya ya, jadi gini dah ane punya table, setipa baris ada link buat munculin modal, modal yang ane buat tuh ada table lagi ama 2 tombol di bawah table (footer modal) yaitu close ama submit. Di dalam table tersbut ane tambahin input tanggal gitu (datepicker) di setiap baris. Nah masalahnya setiap ane buka tuh modal terus ane mau pilih salah satu input, gak mau jalan. Ane ampe kilik tuh input beberapa kali tetep gak ada reaksi, anehnya kalau ane pilih input yang lainnya malah jalan, terus ane coba pilih input yang tadi gak jalan eh malah jalan sekarang
. Yang lebih herannya tombol close malah lancar jaya. Kenapa bisa gitu ya??? Ane dah tanya stackoverflow tapi belum ada yang jawab. Tolong donk ane psing gimana caranya 
Ini kode ane
dan ini code dalam modalnya
Sorry kalau agak panjang soalnya ane pusing yang error codingnya dimana, jadi ane munculin semua code (yah gak semua code sich ane ambil code yang penting aja
)
Tolong bantu, dan sorry pertanyaan agak melibet
UPDATE
Ane dah ketemu caranya. Di jquery ane musti buat $(document).on buat fungsi event input ane bair lancar jaya.

Ane agak bingung gimana ya ngomongnya ya, jadi gini dah ane punya table, setipa baris ada link buat munculin modal, modal yang ane buat tuh ada table lagi ama 2 tombol di bawah table (footer modal) yaitu close ama submit. Di dalam table tersbut ane tambahin input tanggal gitu (datepicker) di setiap baris. Nah masalahnya setiap ane buka tuh modal terus ane mau pilih salah satu input, gak mau jalan. Ane ampe kilik tuh input beberapa kali tetep gak ada reaksi, anehnya kalau ane pilih input yang lainnya malah jalan, terus ane coba pilih input yang tadi gak jalan eh malah jalan sekarang


Ini kode ane
Code:
var target = table.attr('data-table');
var oTable = table.on( 'processing.dt', function ( e, settings, processing ) {
if (processing) {
$(this).find('tbody').addClass('load1 csspinner');
} else{
$(this).find('tbody').removeClass('load1 csspinner');
};
} ).DataTable({
"ajax": host+'datatable/'+target,
"bServerSide": true,
"iDisplayLength" : 10,
"order": [[ 1, "desc" ]],
"columnDefs": [{
"targets": [ 0 ],
"className": "details-control",
},]
});
table.find('tbody').on('click', 'td.details-control', function () {
var code = $(this).find('a').text();
var modal = $('.bs-modal-lg');
var modalData = jQuery.parseJSON(ajaxPOST(code,'ajax/'+tblDetail,null,true));
modal.find('.modal-title').html(modalData.title);
modal.find('.modal-body').html(modalData.body);
modal.find('.modal-footer').html(modalData.footer);
modal.modal('show');
});
dan ini code dalam modalnya
Code:
<?php
$json = array();
$info = $data["info"]->fetch_assoc();
$info_detail = $data['info_detail'];
//var_dump($info_attachment != '');
$json['title'] = 'Details Request Kontrabon';
$json['body'] = '<div class="row">
<div class="col-sm-6">
<div class="col-sm-4 text-right">Request Number :</div>
<div class="col-sm-6 detail-no-req">'.$info['noreqvendor'].'</div>
</div>
</div>';
$json['body'] .= '<div class="row">
<div class="col-sm-6">
<div class="col-sm-4 text-right">Request Date :</div>
<div class="col-sm-6">'.$info['eordate'].'</div>
</div>
</div>';
$json['body'] .= '<div class="row">
<div class="col-sm-12" style="margin-top: 10px;margin-bottom: 10px;">
<form>
<table class="table table-bordered table-responsive" id="tbl_podet">
<thead>
<tr>
<th width="10%">Item Description</th>
<th width="10%">Color</th>
<th width="10%">Size</th>
<th width="10%">PI Qty</th>
<th width="10%">PI Date</th>
<th width="10%">ETD</th>
<th width="10%">ETA</th>
</tr>
</thead>
<tbody>';
$iamount = 0;
$iQtyShip = 0;
$iCost = 0;
$iCosting = 0;
while($row = $info_detail->fetch_assoc()) {
$json['body'] .= '<tr>';
$json['body'] .= '<td>'.$row['itemdesc'].'</td>';
$json['body'] .= '<td>'.$row['colorcode'].'</td>';
$json['body'] .= '<td>'.$row['size'].'</td>';
if($row['Qty']==0)
{
$disable = 'disabled';
}
else
{
$disable = '';
}
$json['body'] .= '<td class="text-right">
<input type="text">= 48 && event.charCode <= 57" class="form-control input-lg" value="'.$row['Qty'].'" '.$disable.'>
</td>';
$json['body'] .= '<td class="text-right">
<div class="form-group">
<input class="form-control format-datepicker" id="pidate" style="z-index:99999;" type="text" value="'.$row['PIDate'].'">
</div>
</td>';
$json['body'] .= '<td class="text-right">
<div class="form-group">
<input class="form-control format-datepicker" id="ETD" style="z-index:99999;" type="text" value="'.$row['ETD'].'">
</div>
</td>';
$json['body'] .= '<td class="text-right">
<div class="form-group">
<input class="form-control format-datepicker" id="ETA" style="z-index:99999;" type="text" value="'.$row['ETA'].'">
</div>
</td>';
$json['body'] .= '</tr>';
}
$json['body'] .= '</tbody></table></form></div></div>';
$json['footer'] .= '<button type="button" class="btn btn-primary btn-o modal-close pull-left" data-dismiss="modal">
close
</button>';
$json['footer'] .= '<button type="button" class="btn btn-primary btn-o modal-confirm" id="checkbtn" data-status="1">
Check
</button>';
// AND $info['PONo'] == ''
echo json_encode($json);
Sorry kalau agak panjang soalnya ane pusing yang error codingnya dimana, jadi ane munculin semua code (yah gak semua code sich ane ambil code yang penting aja

Tolong bantu, dan sorry pertanyaan agak melibet

UPDATE
Ane dah ketemu caranya. Di jquery ane musti buat $(document).on buat fungsi event input ane bair lancar jaya.
Diubah oleh wolfzmus 23-12-2016 04:52


nona212 memberi reputasi
1
725
1


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan