|
|
|
control ที่อยู่ใน datatable อย่างพวก selectbox มีวิธีใช้คำสั่ง Add value ให้มันอย่างไรครับ |
|
|
|
|
|
|
|
control ที่อยู่ใน datatable อย่างพวก selectbox มีวิธีใช้คำสั่ง Add value ให้มันอย่างไรครับ
อย่างตัวอย่างภาพข้างล่าง มีการเซ็ทกะ กับ ช่วงวันที่ก่อน หลังจากกดปุ่มค้นหาจะต้องนำกะและช่วงวันที่ไปแอดใส่ทุกแถวอัตโนมัติ
ซึ่งก็สามารถทำได้ แต่เฉพาะหน้าแรกของ Datatable เท่านั้น
หน้าที่สองไม่สามารถใช้ได้ เข้าใจว่าตัวคอนโทรลมีการโหลดมาทีหลัง หลังจากคลิกเปลี่ยนหน้า
จากโค้ด มีการ Post ค่าตัวแปรที่เป็น JSON ไป query อีกหน้าแล้วส่งกลับมา
หลังจากวนสร้างตารางเสร็จ ก็สั่งแอดค่าจาก seletbox เลือกกะ กับ ช่วงวันที่ ไปใส่ในตาราง
Code (JavaScript)
var json_data = JSON.stringify(data);
$.post("ta_document_shift_hr_query.php", {
data1: 'table_main',
data2: json_data},
function(result){
$('#tbl_main').DataTable().fnClearTable();
console.log(result);
var data = JSON.parse(result);
// console.log(data);
var tb_count = 0;
for(var obj in data){
$('#tbl_main').DataTable().fnAddData([
'<input type="checkbox" class="form-control" value="">',
tb_count+1,
data[obj].em_code,
data[obj].em_name,
data[obj].pos_name,
data[obj].shift_name,
'<select class="form-control sel_new_shift" id="new_shift_type'+tb_count+'">'+
'<option value="">ทั้งหมด</option>'+
<?php while($objResuut = sqlsrv_fetch_array($shiftQuery))
{ ?>
'<option value="<?php echo $objResuut["id"];?>"><?php echo $objResuut["shift_name"];?></option>'+
<?php
}
?>
'</select>',
'<input type="text" id="txtdate_start_2'+tb_count+'" class="form-control dp_st" name="" data-mask="99/99/9999" placeholder="วว/ดด/ปปปป">',
'<input type="text" id="txtdate_end_2'+tb_count+'" class="form-control dp_en" name="" data-mask="99/99/9999" placeholder="วว/ดด/ปปปป">'
]);
var st=$('#txtdate_start').val();
var parts = st.split("/");
var day = parts[0];
var month = parts[1];
var year = parts[2];
<?php if($_SESSION['lang'] == "TH"){ ?>
var date_for_dp = day+'/'+month+'/'+(parseInt(year));
<?php }else{ ?>
var date_for_dp = day+'/'+month+'/'+(parseInt(year)+543);
<?php } ?>
var en=$('#txtdate_end').val();
var parts2 = en.split("/");
var day2 = parts2[0];
var month2 = parts2[1];
var year2 = parts2[2];
<?php if($_SESSION['lang'] == "TH"){ ?>
var date_for_dp2 = day2+'/'+month2+'/'+(parseInt(year2));
<?php }else{ ?>
var date_for_dp2 = day2+'/'+month2+'/'+(parseInt(year2)+543);
<?php } ?>
$("#txtdate_start_2"+tb_count).datepicker();
$("#txtdate_start_2"+tb_count).datepicker('setDate', date_for_dp);
$("#txtdate_end_2"+tb_count).datepicker();
$("#txtdate_end_2"+tb_count).datepicker('setDate', date_for_dp2);
$('#new_shift_type'+tb_count).val($('#shift_type').val());
tb_count++;
}
})
Tag : PHP, HTML5, jQuery
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คืออะไร งง อธิบายรู้เรื่องคนเดียว -.-
|
|
|
|
|
Date :
2018-03-22 10:46:51 |
By :
dudesaranyu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|