I have made an editable datagrid using datagrid-detailview.js. In my code whenever I edit any column of any row I want to update backend database table row. This I achieved by invoking $.get jquery call in onAfterEdit event of datagrid detailview. In this way whenever any changes are made in any column each time $.get call is invoked. Is there any way to extend an event like onChangeRow which will be invoked just after I finished editing anywhere in the row and changing the focus in another row (if I put focus from one column to another column nothing will be invoked).
onAfterEdit:function(index,row){
row.editing = false;
$(this).datagrid('updateRow',{index:index, row:{}});
// $(this).datagrid('endEdit', getRowIndex(target));
$.get("rating.skUpdate.php?yr="+yr+"&tno="+row.tno+"&skname="+encodeURIComponent(row.skname)+"&mra="+row.mrating_ass+"&trgdate="+row.trgdate+"&remarks="+encodeURIComponent(row.remarks)+"&final=Y");
$.messager.show({title:'Information',msg:'Edited row has been saved successfully!', timeout:2000, showType:'slide'});
}