Print Page - Datagrid row onChange event required

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).

Code:

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'});		
}

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: thecyberzone on September 07, 2016, 09:41:27 AM