Update selected row

[shldbapp]

I want to update the current selected row with the following function:

Code: [Select]

             
...
change: function (event, x) {

                    var userInput = Data.areas[0].label;
                    var currentRow = ui.rowIndx;
                    console.log(currentRow);
                    $grid.pqGrid("updateRow", { rowIndx: currentRow, row: { 'Area': userInput } });
                    $grid.pqGrid("refreshRow", { rowIndx: currentRow });
                }
...

console.log gives me the correct row number, but the function doesn't work. How to solve this?

[paramvir]

your code would lead to max call stack exceeded error, updateRow would lead to change event and so on. Provide a custom source parameter as shown in the code below

Code: [Select]

change: function(evt, ui){
                if(ui.source=='ms'){
                   return;
                }
                $(this).pqGrid("updateRow", { rowIndx: rowIndx, row: { 'profits': Math.random() }, source:'ms' });                   
}


http://jsfiddle.net/b6b710mz/69/

[shldbapp]

Thanks for the quick reply!

I updated the code to:

Code: [Select]

                change: function(evt, ui){
                    if(ui.source=='ms'){
                        return;
                    }
                    var userInput = Data.areas[0].label;
                    var current_row = ui.rowIndx;

                    $(this).pqGrid("updateRow", { rowIndx: current_row, row: { 'Area': userInput }, source: 'ms' });
                },
Result:

"Cannot call methods on pqGrid prior to initialization; attempted to call method 'updateRow'"

[paramvir]

Please provide a small sample of your issue in this jsfiddle.

http://jsfiddle.net/b6b710mz/69/