Hi support,
I have a sortable grid table I am using inline editing for updating a row (record) assume that I have 4 fields I want to initiate an Ajax call when I enter/change data in my field or there need not be a predefined order for entering/changing data the user may start from any columns but the Ajax method must be invoked only if they’ve completed the row changes. How I can do this?
Regards
Mahesh
You can use onCellChanged or onEditCell events to catch moment when cell was changed.
mygrid.attachEvent(“onEditCell”,function(stage,rowid,cellIndex){
if (stage==2){
//edit finished
//any custom code here
}
});
>>but the Ajax method must be invoked only if they’ve completed the row changes
this scenario is bit more complex , the grid itself doesn’t monitor changes for row, you can use approach described above and monitor when all necessary rows would be changed
or use something similar to next
mygrid.attachEvent(“onEditCell”,function(stage,rowid,cellIndex){
if (stage==2){
//edit finished
var all_changed=true;
all_changed|=this.cell(rowId,INDEX1).wasChanged();
all_changed|=this.cell(rowId,INDEX2).wasChanged();
all_changed|=this.cell(rowId,INDEX3).wasChanged();
if ( all_changed) do_ajax_call();
}
});
wasChanged flag established after user change any value in cell.