|
 |
| |
ดึงข้อมูลในฐานข้อมูลมาคำนวนอัตโนมัติโดยใช้ jquery-lates |
| |
 |
|
|
 |
 |
|
<script src="http://code.jquery.com/jquery-latest.js"></script> เขามีประกาศจะไม่ให้ใช้แล้วนะครับ
ดาวน์โหลดลงมาไว้ที่เครื่องครับ และเรียกจากเครื่องเรา เร็วกว่าด้วยครับ
คนกระหน่ำแย่งกันใช้ ทำให้ overload ครับ ของเราเลยช้าไปด้วย
ส่วนเรื่อง code จะดูให้นะครับ แต่ก็คงมีท่านอื่นมาช่วยตอบแหล่ะครับ
|
 |
 |
 |
 |
| Date :
2014-10-23 10:33:35 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (JavaScript)
.success(function(result) {
alert(result); // check data
var obj = jQuery.parseJSON(result);
if(obj == ''){
$("#txtproduct_id"+currentIndex).val('');
$("#txtproduct_name"+currentIndex).val('');
$("#txtquantity"+currentIndex).val('');
$("#txtunit"+currentIndex).val('');
$("#txtlevel1_price1"+currentIndex).val('');
$("#txtamount_p"+currentIndex).val('');
}else{
// ก่อนใช้ each ลองเอา result ที่ส่งมา มาดูก่อนนะครับ ว่า ขอมูลที่มา ถูกต้องแล้ว
|
| |
|
|
| |
| Date :
2014-10-23 11:03:58 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สร้างตัวแปรมาเก็บต่า ที่จำเป็นต่างๆ
Code (JavaScript)
<script type="text/javascript">
var total_all=0;
var discount_all=0;
var discount_rate = 10/100;
$(document).ready(function(){
$('input[name*="product_id"]').change("change", function (){
var currentIndex = $(this).closest("tr")[0].rowIndex;
$.ajax({
url: "returnproduct.php" ,
type: "POST",
data: 'product_id=' +$("#txtproduct_id"+currentIndex).val()
})
.success(function(result) {
alert(result); // check data
var obj = jQuery.parseJSON(result);
if(obj == ''){
$("#txtproduct_id"+currentIndex).val('');
$("#txtproduct_name"+currentIndex).val('');
$("#txtquantity"+currentIndex).val('');
$("#txtunit"+currentIndex).val('');
$("#txtlevel1_price1"+currentIndex).val('');
$("#txtamount_p"+currentIndex).val('');
}else{
// ก่อนใช้ each ลองเอา result ที่ส่งมา มาดูก่อนนะครับ ว่า ขอมูลที่มา ถูกต้องแล้ว
$.each(obj, function(key, inval) {
$("#txtproduct_id"+currentIndex).val(inval["product_id"]);
$("#txtproduct_name"+currentIndex).val(inval["product_name"]);
$("#txtquantity"+currentIndex)
$("#txtunit"+currentIndex).val(inval["unit"]);
$("#txtlevel1_price1"+currentIndex).val(inval["level1_price1"]);
var amount=parseInt(inval['unit']) * parseInt(inval['level1_price']);
var discount = Math.ceil(amount * discount_rate);
discount_all +=discount;
total_all += amount;
// vat ก็ลองทำตามตัวอย่างดูนะครับ เงินมัดจำอีก
// เอาค่าพวกนรี้ไปโชว์ ตามบ๊อคต่างๆ
//และอย่าลืม ถ้าลบออกก็ต้องทำในส่วนการลบค่าออกด้วยนะครับ
});
}
});
});
});
</script>
|
ประวัติการแก้ไข
2014-10-23 11:13:32
2014-10-23 11:22:21
2014-10-23 11:22:41
| |
|
|
| |
| Date :
2014-10-23 11:12:20 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คือจะคำนวณ โดยสามารถ พิม จำนวน ที่ซื้อ แล้วให้มันคำนวณราคาแสดงออกมาอัตโนมัติอ่าค่ะ
|
| |
|
|
| |
| Date :
2014-10-23 11:18:36 |
By :
pong_takeshi |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตัวอย่างตาม คห 4 เลยครับ
|
| |
|
|
| |
| Date :
2014-10-23 11:24:21 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ที่จะให้กรอกๆ ราคาต่อหน่วยหรือเปล่าครับ
<td>
<div align="center">
<input type="text" name="txtlevel1_price1<?php echo $i;?>"
id="txtlevel1_price1<?php echo $i;?>" size="10" class="u_price" >
</div>
</td>
Code (JavaScript)
<script type="text/javascript">
var total_all=0;
var discount_all=0;
var discount_rate = 10/100;
$(document).ready(function(){
$('input[name*="product_id"]').change("change", function (){
// ส่วนของโค๊ดเ่ก่าไม่ต้องแก้ไข
});
//เพิ่มเติมโค๊ดข้างล่าง ปรับปรุ่งตามความต้องการ
$('.u_price').change(function(){
var u_price = parseInt($(this).val());
var amount=parseInt(inval['unit']) * u_price);
var discount = Math.ceil(amount * discount_rate);
discount_all +=discount;
total_all += amount;
// vat ก็ลองทำตามตัวอย่างดูนะครับ เงินมัดจำอีก
// เอาค่าพวกนรี้ไปโชว์ ตามบ๊อคต่างๆ
//และอย่าลืม ถ้าลบออกก็ต้องทำในส่วนการลบค่าออกด้วยนะครับ
});
});
</script>
ถ้าผิดจากความต้องการก็ลองแก้ไขดูนะครับ วิธีการก็ประมาณนี้แหล่ะครับ
|
| |
|
|
| |
| Date :
2014-10-23 12:11:12 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
