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

Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.

Reply
acarlson
Regular Visitor

Get slicer data from selectionChanged event

Seems like a simple thing to do but I'm not able for figure this one out.

 

I am embedding a visual (slicer), attaching an event handler for "selectionChanged" and just trying to get the values of the slicer.

 

let embedConfiguration = {
    accessToken: psEmbedDetails.token.Token,
    embedUrl: psEmbedDetails.embedUrl,
    id: PageSectionWidget.PowerBIReport,
    pageName: PageSectionWidget.PowerBIPage,
    tokenType: models.TokenType.Embed,
    type: 'visual',
    slicers: [],
    visualName: PageSectionWidget.PowerBIWidget,
    permissions: models.Permissions.All,
    viewMode: models.ViewMode.View,
    filters: [basicFilterCustomer, basicFilterFurnace],
    settings: {
        filterPaneEnabled: false,
        navContentPaneEnabled: false
    }
};

// Get a reference to the HTML element that contains the embedded report.
let embedContainer = $('#psw' + PageSectionWidget.PageSectionWidgetId)[0];

// Embed the visual.
let visual = powerbi.embed(embedContainer, embedConfiguration);
embeddedElements.push(visual);

visual.on("selectionChanged", function (event) {
    console.log(event.detail);
});

 The details are blank for dataPoints and filters. I just want to get the slicer date range (start and end date)

acarlson_0-1637783870982.png

Thanks for any help!

 

2 REPLIES 2
v-rzhou-msft
Community Support
Community Support

Hi @acarlson 

The selectionChanged event is raised whenever the user is changing the selected visual. selectedItems is a list of all selected visuals when more than one is selected.

report: models.IReport
 page: models.IPage
 visual?: models.IVisual
 selectedItems?: models.IVisual[]

For referece: Selector.SelectionChanged Event

You may refer to this offical blog to learn more details about selectionChanged.

 

Best Regards,
Rico Zhou

 

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hi Rico, thanks for the reply.

 

The selection changed event reference you gave seems to be for .net controls. I'm trying to get it through the power bi embedded javascript api. The timestamp slicer is an embedded visual, is it possible to get the selected items from within the javascript selectionChanged event?

 

This is what is returned from the event parameter

acarlson_1-1638201367287.png

 

I tried using the getSlicerState() but that returns "getSlicerState is not a function" javascript error.

 

visual.on("selectionChanged", function (event) {
                console.log(event);
                let curV = powerbi.get(event.target);
                curV.getSlicerState().then(slicerState => {
                    if (slicerState.filters.length > 0) filteredSlicers.push(slicerState)
                })
            });

 

Thanks!

Helpful resources

Announcements
RTI Forums Carousel3

New forum boards available in Real-Time Intelligence.

Ask questions in Eventhouse and KQL, Eventstream, and Reflex.

MayPowerBICarousel

Power BI Monthly Update - May 2024

Check out the May 2024 Power BI update to learn about new features.

LearnSurvey

Fabric certifications survey

Certification feedback opportunity for the community.