How to create data filter in custom extension

[Former Member]

Hello,

Based upon description in this tutorial  => Visualization Extension Plugin for SAP Web IDE Guide

I would like to add filter possibility to my custom extensions.

Analogue to the standard components in lumira.

ex.

The explanation is not that straight forward and a bit short.

Does anyone have an example on how to implement this kind of thing? I stumble upon many different problems

Big thanks in advance

Regards,

Steven

[vincentdechandon · Accepted solution]

Hi.

Even if this is a bit too long to completly explain it here in details, I agree that the documentation is not good enough on this part.

I suggest you to look at Michal Korzen custom extension that leverages this : GitHub - michalkorzen/CustomChoropleth: Custom choropleth map extension for SAP Lumira.

We've also achieved this at Galigeo in our custom extension as you can see right here (but the code is not open-source).

Taking the Michal Korzen extension :

to get started, take a look at the module.js file where the getSelectedObjects and setSelectedObjects methods are implemented, in util/utils.js, the composeSelection method is the way to go (also note the part in the _toFlatJsonArray method where context is binded to each piece of datum created), and finally here in the render.js where the context is retrieved.

I think you can make it by yourself with this example.

Br,

Vincent