Forums Ignite UI for ASP.NET Core
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Indra Naga
280
Save changes Issue
posted

Hi,

I have deleted a row and saved to the database. But the grid is not refreshing and same with add as well, please see the image below:

Here is my code for save and delete

$("#saveRow").bind({
click: function (e) {
$("#Grid").igGridUpdating("endEdit", true, true);

$("#Grid").igGrid("saveChanges",
function success() {
$('#txtMessage').css('background-color', 'LightBlue').css('color', 'Gray').css('font-weight', 'bold').css('font-family', 'Courier New');

},
function error(jqXHR, textStatus, errorThrown) {
//alert(JSON.parse(jqXHR.responseText).ErrorMessage);
if (JSON.parse(jqXHR.responseText).ErrorMessage.contains("Success")) {
$('#txtMessage').css('background-color', 'LightBlue').css('color', 'Gray').css('font-weight', 'bold').css('font-family', 'Courier New');
// hide the buttons
$('#saveRow').prop('hidden', true);
$('#cancelRow').prop('hidden', true);

}
else {
$('#txtMessage').css('background-color', 'DarkRed').css('color', 'White').css('font-weight', 'bold').css('font-family', 'Courier New');
}
txtMessage.value = JSON.parse(jqXHR.responseText).ErrorMessage;
});
}

});

$("#deleteRow").igButton({
labelText: $("#deleteRow").val(),
click: function (e) {
var checkstr = confirm('Are you sure you want to delete row(s)?');
if (checkstr === true) {
//check if there is an array to delete all selected wors
if (rowKeys.length > 0) {
$.each(rowKeys, function (ix, el) {
//make sure before delete to clear the selection
$("#Grid").igGridSelection("clearSelection");
$("#Grid").igGridUpdating("deleteRow", el);
$('#saveRow').prop('hidden', false);
$('#cancelRow').prop('hidden', false);
});
} else if (rowKey !== '') {
//check if there is only one row
$("#Grid").igGridSelection("clearSelection");
$("#Grid").igGridUpdating("deleteRow", rowKey);
$('#saveRow').prop('hidden', false);
$('#cancelRow').prop('hidden', false);
} else {
//else there is no selected rows just the button is clicked
alert('No rows selected!');
}
rowKeys = [];
rowKey = '';
}
else {
alert('false');
return false;
}
}
});