Does anyone know how to dynamically define the elements of a drop down formatting option for a custom Power BI visual?
I want my users to upload some photos in Advanced Edit mode, and then be able to select these photos on the formatting pane.
In the below simple, hardcoded example, I can build up the object dynamically, but then when I select from the drop-down, that value is not showing up as the selected value once the drop-down is unselected. Here is my code:
capabilities.json:
"objects": {
"dataPoint": {
"properties": {
"enum1": {
"type": {
"enumeration": []
}
}
}
}
}
In settings.ts I've created the formatting card, but I populate it in a custom function:
defineEnum1() {
const enum1 = new formattingSettings.ItemDropdown({
name: "enum1",
displayName: "Enum1",
value: { "displayName": "Val 1", "value": 1 },
items: [
{ "displayName": "Val 1", "value": 1 },
{ "displayName": "Val 2", "value": 2 },
{ "displayName": "Val 3", "value": 3 }
]
});
this.dataPointCard.slices.push(enum1);
}
I then call this function in my update() function. Also tried calling it in getFormattingModel(), but the results are the same.
The result is that the value of the drop-down is always the one I define in the code. (If I leave value as empty, it'll always be null.)
I _think_ the problem is that since selecting a value from the drop-down is considered a change, the defineEnum1() function is called as a result, and overwrites the selection in the drop-down. But I couldn't figure out a way to work around this, and I also couldn't find any source code on GitHub that achieves the same.
Any advice would be much appreciated.
