So I've been tinkering around with a project recently, involving using embedded tiles from a dashboard, and I have been searching, pretty unsuccessfully, for a way to filter multiple different tiles all at once (since the tiles are all a part of the same dashboard), since at the moment they all seemingly work independently. As it stands, I'm currently trying to do it like so:
function updateIframe(){ var tile = powerbi.get(document.getElementById("tileContainer")); console.log("Update iFrame was triggered"); console.log(tile); const filter = { $schema: "http://powerbi.com/product.schema#basic", target: { table: "tablename", column: "datatype" }, operator: "In", value: ["redacted"] }; console.log(filter); tile.setFilters([filter]) .then(function (result) { console.log(result); }) .catch(function (errors) { console.log(errors) }); /* tile.on('tileClicked',event => { //tile.reload(); console.log("Tile is on"); });*/ };
With the tileContainer containing an individual tile that was set up as an iFrame correctly. Is using "setFilters()" the correct way to go about being able to update them, or is there a different way that can be used to update multiple elements based on a selection in one of them. As is, the "setFilters()" command seemingly doesn't work with tiles, or if it does, I am doing it incorrectly.
Any assistance would be greatly appreciated.