|
|
|
ติดปัญหาเรื่องการส่งค่า gridview jquery update data |
|
|
|
|
|
|
|
ต้องการ update gridview โดย ดับเบิลคลิกที่ คอลัมน์แล้วโชว์ textbox ให้แก้ไข ได้ แล้วกด enter โชว์popup ยืนยันการแก้ไข กดok เพื่อsave
หลักการตอนนี้คือ ใช้ script นี้ คอนโทล label
Code (JavaScript)
<style type="text/css">
.hideControl
{
display: none;
}
</style>
<script type="text/javascript">
$(function () {
$('[id*=Grid_EnterKey] tr td').on('click', function () {
$('[id*=Grid_EnterKey] tr td').each(function () {
$(this).find('span').show();
$(this).find('input[type=text]').hide();
});
var val = $(this).find('span').html();
$(this).find('span').hide();
$(this).find('input[type=text]').val(val);
$(this).find('input[type=text]').show();
$(this).find('input[type=text]').focus();
}
);
});
</script>
พอแก้ไขแล้วกด enter โชว์ ข้อความยืนยัน
Code (JavaScript)
<script type="text/javascript">
function controlEnter(obj, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
ConfirmationBox();
}
else {
return true;
}
}
</script>
พอ กด ok แล้ว อยากให้save row ที่แก้ไข มีคำแนะนำมั๊ยคะ
ถ้าใช้ script อยากทราบว่าจะ get id row นั้นยังไงคะ หรือ ใช้ RowUpdating ได้มั๊ยคะ
Code (JavaScript)
<script type="text/javascript">
function UpdateSok() {
var row = $(this).closest("tr");
var KULNid = $('[id*=txtID]').val();
var KANRIZU_NO = $(this).attr(".KANRIZU_NO");
var SQC_NO = $(".SQC_NO", row).val();
var SOK1 = $(".SOK1", row).val();
var SOK2 = $(".SOK2", row).val();
var SOK3 = $(".SOK3", row).val();
var SOK4 = $(".SOK4", row).val();
$.ajax({
type: "POST",
url: "WebService.asmx/Updategrid",
data: '{KULN: ' + KULN + ', KANRIZU_NO: "' + KANRIZU_NO + '", SQC_NO: "' + SQC_NO + '" , SOK1: "' + SOK1 + '", SOK2: "' + SOK2 + '", SOK3: "' + SOK3 + '", SOK4: "' + SOK4 + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json"
});
};
</script>
ขอบคุณค่ะ
Tag : .NET, Ajax, jQuery, C#
|
|
|
|
|
|
Date :
2019-01-21 17:16:48 |
By :
หมูแดง |
View :
667 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนี้ แก้ไข script เป็น ให้ hind textbox แล้ว ขึ้นข้อความยืนยัน แต่พอกด ok แล้ว เหมือน น่าจะเอาค่ามาผิด หรือ เขียนผิด ไม่แน่ใจ ช่วย แนะนำด้วยนะคะ
Code (JavaScript)
<script type="text/javascript">
function controlEnter(obj, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var row = $(this).closest("tr");
$('[id*=Grid_EnterKey] tr td').each(function () {
if ($(this).find("input").length > 0)
{
var span = $(this).find("span");
var input = $(this).find("input");
span.html(input.val());
span.show();
input.hide();
}
});
var KULN = $('[id*=txtID]').val();
var KANRIZU_NO = $(this).attr(".KANRIZU_NO");
var SQC_NO = $(".SQC_NO", row).val();
var SOK1 = $(".SOK1", row).val();
var SOK2 = $(".SOK2", row).val();
var SOK3 = $(".SOK3", row).val();
var SOK4 = $(".SOK4", row).val();
if (confirm("Do you want to update this record?")) {
$.ajax({
type: "POST",
url: "WebService.asmx/Updategrid",
data: '{KULN: ' + KULN + ', KANRIZU_NO: "' + KANRIZU_NO + '", SQC_NO: "' + SQC_NO + '" , SOK1: "' + SOK1 + '", SOK2: "' + SOK2 + '", SOK3: "' + SOK3 + '", SOK4: "' + SOK4 + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json"
});
}
return false;
}
else {
return true;
}
}
</script>
|
|
|
|
|
Date :
2019-01-21 17:34:13 |
By :
หมูแดง |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|