Load data via Service and bind to Pivot

[codingbadgerParticipant]

Hello,

I have pretty much copied the code from here https://www.jqwidgets.com/angular/angular-pivotgrid/#https://www.jqwidgets.com/angular/angular-pivotgrid/angular-pivotgrid-designer.htm in to my project and everything works. The pivot grid appears with the designer along side.

I now want to amend it so instead of sample data it uses an Angular Service so I removed the sample data code and in the constructor of the component I added:

this.dataService.getRemoteData().subscribe(data => { this.gridData = data; });

This assigns the data to a instance member – this all works.

I then amended the example code so that it was as follows:

let source =
      {
         localdata: this.gridData,
         datatype: "array",
        ....

However I cannot get the pivot grid to work – no data is displayed at all.

An error is in the console ERROR Error: Databinding exception: TypeError: Cannot read property 'dataBind' of null

This seems like it should be really simple to do but I am struggling to get it working.

Any ideas?

Thanks

Barry

[MartinParticipant]

Hello Barry,

You are getting this error because the data is not loaded yet when the data binding occurs.
Here I have updated the Example that you used to get the data with an http service.

Best Regards,
Martin

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

[Author]

Posts