  | 
		 		   | 
	  	    
          
            
			
	
			
			 
                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               
                        | 
           
          
            | 
			
                             | 
           
          
             | 
           
          
            | 
			 | 
           
         
	    
		             | 
		
			  |