I am did Gridview delete and rebind data using json and jquery like this
<script type="text/javascript">
$(document).ready(function () {
$(".deleteGridRecord").click(function () {
//Get the Id of the record to delete
var record_id = $(this).attr("id");
// var tr_id = $(this).parents(".record");
//Get the GridView Row reference
// Ask user's confirmation before delete records
if (confirm("Do you want to delete this record?")) {
$.ajax({
type: "POST",
//GridViewDelete.aspx is the page name and DeleteUser is the server side method to delete records in GridViewDelete.aspx.cs
url: "AcedamicYear.aspx/DeleteAcademicYear",
//Pass the selected record id
data: "{'args': '" + record_id + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
});
}
return false;
});
var row;
function OnSuccess(response){
var xmlDoc=$.parseXML(response.d);
var xml=$(xmlDoc);
var users=xml.find("Table");
if (row == null) {
row = $("#<%=dgv_AcadamicYear.ClientID %> tr:last-child").clone(true);
}
$("#<%=dgv_AcadamicYear.ClientID %> tr").not($("#<%=dgv_AcadamicYear.ClientID %> tr:first-child")).remove();
if(users.length >0){
$.each(users,function(){
var customer = $(this);
$("td", row).eq(0).html($(this).find("AcademicYear").text());
$("td", row).eq(1).html($(this).find("Abbreviation").text());
$("td", row).eq(2).html($(this).find("StartDate").text());
$("td", row).eq(3).html($(this).find("EndDate").text());
$("#<%=dgv_AcadamicYear.ClientID %>").append(row);
row = $("#<%=dgv_AcadamicYear.ClientID %> tr:last-child").clone(true);
});
}
};
});
</script>
but i want to set DataKeyNames properties of grid view in above code dyanamically how can do this plx help me