React + ES6 application with Flexmonster Pivot

Answered
Emrah asked on February 24, 2019

Hello,
I am trying to integrate Pivot Table with React according to documentation
below code from documentation works 
<FlexmonsterReact.Pivot toolbar={true}
componentFolder="https://cdn.flexmonster.com/" width="100%"
report="https://cdn.flexmonster.com/reports/report.json"/>
 
mine didn't work , neither printed any error.
<FlexmonsterReact.Pivot
toolbar={true} componentFolder="https://cdn.flexmonster.com/"
width="100%" report="http://localhost:5603/png/api/pivottable_plugin/report.json"
licenseKey="XXXX"
/>
I am not having any cross browser issues.
I got my trial licenseKey as Elasticsearch
You can find my report.json in attachments 
Thank you very much.
Emrah.

Attachments:
report.json

1 answer

Public
Dmytro Zvazhii Dmytro Zvazhii Flexmonster February 25, 2019

Hello Emrah,
Thank you for posting your question here.
The reason for such behavior is that the Elasticsearch functionality has not been officially released yet. It is only available in the 2.7-beta version of Flexmonster. We are going to officially release 2.7 version in a couple of weeks. After that, your sample should work as expected.
Meanwhile, you can continue testing Elasticsearch functionality by referring to the 2.7-beta. Here is Elasticsearch jsfiddle example: http://jsfiddle.net/flexmonster/Ly47pq5b/. Your code should look something like this:

<FlexmonsterReact.Pivot 
toolbar={true} componentFolder="https://cdn.flexmonster.com/2.7-beta/"
width="100%" report="http://localhost:5603/png/api/pivottable_plugin/report.json"
licenseKey="XXXX"
/>

Also, you may need a temporary import of 2.7-beta flexmonster.js into your HTML web page.
Please let us know if everything works fine for you.
Regards,
Dmytro

Please login or Register to Submit Answer