JSON object in the value field of Options component

[howie]

Before upgrading components, we were able to store JSON objects in the value of a dropdown component. We are using an API to populate the data so we are using the Mapped options.

Is it no longer possible to use a JSON object in the value field? Are only strings allowed? Would you recommend accessing the object fields from the selected item as described here:

New best practice for using Mapped mode in new Options List

This was not pointed out in the docs on the new Options List, but is the most powerful capability of the new feature as far as I am concerned. Here is a use case of mine. I have a dropdown for selecting which invoice to work on. I now need to find a way to remember that invoice's row data to use in the app. Here are all of the ways I have tried to do this in various apps: Set the InvoiceId in a temp var from the click event. Then run a query on the invoices table to just get that one record.…

Thanks!
Howie

[victoria]

Hey @howie! Happy to help here

Would you mind sharing what your current data set looks like? A screenshot of the data in the left panel (expanded out to show the nested data) would be great!

If your data looks like I suspect it does, I believe I just got it to work with a similar setup!

In the Value field, I used {{JSON.stringify(item)}} to make sure every object in my data array got represented fully as a dropdown value. Would something like this work for you?