thisInstance or context.thisInstance

[mauromequelussi]

I know this function brings a lot of information about the elements. I didn’t find documentation about it.

But when and how to use it in practice?

Could you give some examples of use?

Can I change the value or just read values?

[Corner]

Would love to read that too !

[mauromequelussi]

@Joyce @jptrinh @Alexis Any guidance?

[MatthewS]

I’m sure there is a ton of use cases, but the two main use cases I’ve been using it for:

1. Targeting the element using it’s id.
   

When using custom JS in a workflow and targeting the element the workflow is running on via it’s id, using thisInstance.id is handy.

2. Getting the element’s position and sizing info.
   

You can also do this via the advanced interactions, but it can get tricky when you have an element bound to a list and you only want to target the one that the workflow is running for. I’ve found using this more straight forward.

[Corner]

Thanks for the reply. What I struggle to understand is how to fill it ? What does it represent exactly ? Mine is always “empty”

[MatthewS]

In the base menu it’s always labelled as empty, but once you put in into the binding menu it’ll show it’s values

[jptrinh]

Same as @MatthewS
Using it mostly when I import libraries with the NPM plugin. And then need to initialize instances on mount of my div

[mauromequelussi]

Can I change the input Date and Time Picker parameters using thisInstance or via javascript?

[jptrinh]

It was not meant for this.
Can you tell more on what you are trying to achieve with the Date and Time Picker?

[mauromequelussi]

I need to change some properties of the element that are not possible dynamically, such as “mode” (Date, Datetime…) and even if possible, I can customize something

[jptrinh]

Got it. I guess what would answer your need would be to able to bind those properties.
You can make a feature request here!