Start Building Professional
Web Apps Today

Method to determine the row editing is over?

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.