sync is not defined While setting cell value using setCellValue()

[GopiMacParticipant]

Hi ,
i’m trying to set the tree grid cell value in side the Ajax call response using setCellValue() , but getting the sync error as shown below.

sync is not defined
at b.(anonymous function).setCellValueByKey (https://www.jqwidgets.com/public/jqwidgets/jqx-all.js:62:106689)
at b.(anonymous function).setCellValue (https://www.jqwidgets.com/public/jqwidgets/jqx-all.js:186:865)
at Object.a.jqx.invoke (https://www.jqwidgets.com/public/jqwidgets/jqx-all.js:14:56927)
at Object.a.jqx.jqxWidgetProxy (https://www.jqwidgets.com/public/jqwidgets/jqx-all.js:14:61989)
at HTMLDivElement.<anonymous> (https://www.jqwidgets.com/public/jqwidgets/jqx-all.js:14:67906)
at Function.each (https://code.jquery.com/jquery-1.11.1.min.js:2:2973)
at m.fn.init.each (

Details

updateRow: (rowID, rowData, commit) => {
this.myService.updateMyData(rowData) — this is an Ajax post call
.subscribe(
result => {
this.treeGrid.setCellValue(rowID,’time’, result.body.savedTimeStamp) — value will get from response object like
}

}
—-
{
text: ‘Time Stamp’,
cellClassName: ‘businessAnalyst’,
dataField: ‘time’,
width: 240, cellsalign: ‘left’, align: ‘left’,
editable: false
}
—
{name: ‘time’, type: ‘string’}

[ritesh955Participant]

Hi

I am also facing the same issue. Without ajax call it works perfectly fine? Is there is a way we can put this inside ajax call and still have it working?

Thanks
Ritesh

[GopiMacParticipant]

Hi Team,

Any suggestions on sync issue while setting the cell value after add/update row. ?

trying to set the saved time in one of the column in the grid on the current row which was added/updated

Kindly help.

Thanks
Gopi

[Ivo ZhulevParticipant]

Hi Gyes,

Can some of you share a simple example of that?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[GopiMacParticipant]

Hi Ivo,

Below is the simplified version.

Here rowID -> rowKey of the grid row
rowData -> key value pair of grid row

updateRow: (rowID, rowData, commit) => {
this.myUpdateData(rowData)
.subscribe(
result => {
if(result.status == 200) {
this.treeGrid.setCellValue(rowID,’name’, “”+result.body.name);
this.treeGrid.setCellValue(rowID,’timeStamp’, “”+result.body.timeStamp);
this.renderMessage(result,commit);

} else {
// ERROR HANDLER
this.renderMessage(result,commit);
}
},
error => {
//commit(false);
//this.errorMessage = <any>error;
}
);
},

myUpdateData(data: any): Observable<any> {
let body = JSON.stringify(data);
return this.http.post(environment.serverUrl + ‘myapp/save’, body, this.options)
.map((res: Response) => res.json())
.catch(this.handleError);
}

renderMessage(result: any, commit:any): void {
if (result.status == 200) {
this.errorMessage = false;
this.successMessage = true;
commit(true);
} else {
this.errorMessage = true;
this.successMessage = false;
if(result.status == 409 || result.status == 400){
commit(true);
}else{
commit(false);
}

}
this.message = result.message;
}

Thanks
Gopi

[HristoParticipant]

Hello,

This looks like the data binding is not correct.
I would suggest you try to create this AJAX request synchronized.

Also, about the “setCellValue” I got this as an issue and I will create a work item for this.
Thank you for the feedback. I would like to suggest you try to use updateRow method to change the value of one particular cell.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts