The ultimate Microsoft Fabric, Power BI, Azure AI, and SQL learning event: Join us in Stockholm, September 24-27, 2024.
Save €200 with code MSCUST on top of early bird pricing!
Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started
I've started implementing some functionality using the tileClicked event on an embedded dashboard, it works great but the event is only triggered once and then never again.
Here's a watered down version of things I used for a sanity check:
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('tile clicked event', event); });
This will log once but never again.
Solved! Go to Solution.
@v-ljerr-msft
I should have updated this post, the problem was actually that empty DOM elements were infront of my dashboard element and so I was never actualy clicking on the tile after the first time (where they get added), it just looked like it. Bit of a rookie mistake really, I clearly wasn't thinking but it's all working now.
FYI though, you are able to have multiple listeners for the same event on an element.
For example
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('tile clicked event', event); });
embeddedDashboard.on('tileClicked', function (event) {
console.log('I would log after the above console log');
});
Using off
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('You will never see me', event); });
embeddedDashboard.off('tileClicked);
embeddedDashboard.on('tileClicked', function (event) {
console.log('You would see me though!');
});
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('You will never see me', event); });
embeddedDashboard.on('tileClicked', function (event) {
console.log('Or me!');
});
embeddedDashboard.off('tileClicked');
Hi @godd4k,
According to your description above, I just tested the tileClicked event with Microsoft Power BI Embedded Sample. And the tileClicked event can be triggered more that once(every time I clicked a tile on the dashboard).
I assume you may need to firstly remove the tileClicked event handler if it already exists to make it work in this scenario.
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}});
//.off removes a given event handler if it exists. embeddedDashboard.off("tileClicked"); embeddedDashboard.on('tileClicked', function (event) { console.log('tile clicked event', event); });
Regards
@v-ljerr-msft
I should have updated this post, the problem was actually that empty DOM elements were infront of my dashboard element and so I was never actualy clicking on the tile after the first time (where they get added), it just looked like it. Bit of a rookie mistake really, I clearly wasn't thinking but it's all working now.
FYI though, you are able to have multiple listeners for the same event on an element.
For example
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('tile clicked event', event); });
embeddedDashboard.on('tileClicked', function (event) {
console.log('I would log after the above console log');
});
Using off
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('You will never see me', event); });
embeddedDashboard.off('tileClicked);
embeddedDashboard.on('tileClicked', function (event) {
console.log('You would see me though!');
});
var embeddedDashboard = powerbi.embed({{myElem}}, {{myConfig}}); embeddedDashboard.on('tileClicked', function (event) { console.log('You will never see me', event); });
embeddedDashboard.on('tileClicked', function (event) {
console.log('Or me!');
});
embeddedDashboard.off('tileClicked');
Join the community in Stockholm for expert Microsoft Fabric learning including a very exciting keynote from Arun Ulag, Corporate Vice President, Azure Data.
Check out the August 2024 Power BI update to learn about new features.