|
|
|
Jquery เมื่อ edit แล้ว แสดงผลที่หน้า html เลย ไม่ทราบว่าจะต้องทำอย่างไรคะ ? |
|
|
|
|
|
|
|
คือมีส่วน edit html ดังนี้Code (PHP)
<table>
<tr align="center" id="<?php echo $row['ProID'];?>" class="edit_tr" bgcolor="#d4e3e5" onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';" >
<td class="edit_td" >
<span id="one_<?php echo $row['ProID'];?>" class="text"><?php echo $row['ProID']; ?></span>
<input type="text" size="5" value="<?php echo $row['ProID']; ?>" class="editbox" id="one_input_<?php echo $row['ProID'];?>" name="one_input_<?php echo $row['ProID'];?>" />
</td>
<td class='edit_td' >
<span id="seven_<?php echo $row['ProID'];?>" class='text'><?php echo $row['ProPic']; ?></span>
<input type='text' size="10" value="<?php echo $row['ProName']; ?>" class='editbox' id='seven_input_<?php echo $row['ProID'];?>' name="seven_input_<?php echo $row['ProID'];?>" />
</td>
<td class='edit_td' >
<span id="two_<?php echo $row['ProID'];?>" class='text'><?php echo $row['ProName']; ?></span>
<input type='text' size="10" value="<?php echo $row['ProName']; ?>" class='editbox' id='two_input_<?php echo $row['ProID'];?>' name="two_input_<?php echo $row['ProID'];?>" />
</td>
<td class='edit_td' data-ref="<?php echo $row['ProID'];?>" >
<a href='#' id="Edit" class="Edit" data-refer="<?php echo $row['ProID'];?>">Edit</a>
<a href='#' id="Update" class="Update" data-refer="<?php echo $row['ProID'];?>">Update</a>
<a href='#' id="Cancel" class="Cancel" data-refer="<?php echo $row['ProID'];?>">Cancel</a>
</td>
</table>
และเมื่อ กด update จะเข้าฟังชัน jquery ดังนี้ Code (JavaScript)
$("a.Update").click(function(e){
var refID = $(this).data("refer");
$.post("shop_ProductController/EditVal",
{
pProID: $("#one_input_"+refID).val(),
pProName: $("#two_input_"+refID).val(),
pProType: $("#three_input_"+refID).val(),
pProQuan: $("#fourth_input_"+refID).val(),
pProPrice: $("#five_input_"+refID).val(),
pProDetail: $("#six_input_"+refID).val(),
pProPic: $("#seven_input_"+refID).val(),
},
function(data,status){
alert('แก้ไขข้อมูลแล้ว');
$("#one_"+refID).html($("#one_input_"+refID).val());
$("#two_"+refID).html($("#two_input_"+refID).val());
$("#three_"+refID).html($("#three_input_"+refID).val());
$("#one_"+refID).show();
$("#two_"+refID).show();
$("#three_"+refID).show();
$("#fourth_"+refID).show();
$("#five_"+refID).show();
$("#six_"+refID).show();
$("#seven_"+refID).show();
$("#one_input_"+refID).hide();
$("#two_input_"+refID).hide();
$("#three_input_"+refID).hide();
$("#fourth_input_"+refID).hide();
$("#five_input_"+refID).hide();
$("#six_input_"+refID).hide();
$("#seven_input_"+refID).hide();
$("a.Update").hide();
$("a.Cancel").hide();
$("a.Edit").show();
});
});
ซึ่งจากโค้ด เมื่อ ทำการอัพเดทแล้ว สามารถเข้าไปอัพเดทใน database ได้แล้ว แต่อยากให้เปลี่ยนที่หน้าแสดงผลเลย ต้องทำอย่างไรคะ (คืออยากให้อัพเดทข้อมูลที่หน้า html เลยน่ะค่ะ แต่พออัพแล้วมันนิ่งมันยังไม่เปลี่ยนเป็นข้อมูลใหม่)
Tag : PHP, JavaScript, jQuery, CodeIgniter Framework
|
|
|
|
|
|
Date :
2015-04-18 02:17:38 |
By :
Saw-Series |
View :
665 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เมื่ออัพเดทเสร็จ ลองหา code Refresh หน้าเพจนั้น ๆ ใส่ต่อไปดูครับ
เช่น window.location อะไรประมาณนี้ ในฝั่งรีเฟรซเพจของ jQuery ก็น่าจะมีอยู่ ลองหามาใส่ดูครับ
|
|
|
|
|
Date :
2015-04-18 08:23:19 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คือ ขอบคุณค่ะ แต่ อยากได้โค้ดที่ใช้ได้เลย เดี่ยวรอ เม้นหน้าเข้ามาตอบ อิอิ
|
|
|
|
|
Date :
2015-04-18 09:50:47 |
By :
Saw-Series |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เงียบ ... คือว่าหนูหาไม่เจอ ช่วยหน่อยค่าา T^T
|
|
|
|
|
Date :
2015-04-18 11:40:01 |
By :
Saw-Series |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|