Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
bibble235
Frequent Visitor

RaiseCustomEvent

How do I raise a custom event within a custom visual which will be picked up by the reportContainer. This seems to happen by "magic" when using the categorical dataViewMappings however when using table.

 

    "dataViewMappings": [
        {
        "table": {
                "rows": {
					"select": [{
                    "for": { "in": "Values" }
					}],
                    "dataReductionAlgorithm": { "top": { "count": 30000000 } }
                },
                "rowCount": { "preferred": { "min": 1 } }
            }
        }
    ]

no event is fired.

 

I have tried using the table template but this does not seem work. I cannot get it to display a two dimensional array. E.g. a spreadsheet.

 

Thanks,

3 REPLIES 3
v-chuncz-msft
Community Support
Community Support

@bibble235,

 

Based on my experience, you can use addEventListener() method. As for the layout, just play with HTML and CSS.

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Managed to raise a custom event but this is still not picked up by the report.on function within the iframe. I have tried the table template which uses the categorical DataViewMappings but this does not show the data in the manner I need.

 

All I want is to click on a row and have the report.on function be notified.

 

excel.png

 

Not sure why this seems to be so hard but is the simplist way of showing data.

 

                report.on('dataSelected', event => {
                    debugger;
                    return;
                });

Next attempt consisted of in the click

 

		let myEventData = [];
		myEventData[0] = this.innerHTML;
		let myHTMLElement = this;
		raiseCustomEvent(myHTMLElement,"dataSelected",myEventData);
		console.log(this.innerHTML);

Wondering if I should try WindowPostMessageProxy. I guess it is my lack of knowledge of the product but this seems really hard to do something which looks quite simple. Thanks for taking the time to reply.

 

 

@bibble235,

 

There are a few limitations to using Power BI JavaScript API as well, just leave a comment on GitHub.

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.