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

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
shaunwilks
Helper V
Helper V

API and Javascript filtering

We have an ASP.Net website that displays a powerBI report via “user owns data”…we have a local SQL Server using the On Premise Gateway and "Import Reports, not an Azure database.

 

In the C# file we send a System.Net.HttpWebRequest with our access token that we deserialize with “JsonConvert”.

That returns report id, report name, report webUrl and report embedUrl. We store the access token, the report id and the embedUrl in aspx hidden fields.

 

Our report displays fine on the aspx page but the filters aren’t applied.

We have tried with reports where there are defined "Report Filters" in the report thata re either populated or set to "All".

 

We have tried basic and advanced filters with no joy based on https://community.powerbi.com/t5/Developer/Addling-filter-using-javascript-API-Power-BI-Service/td-p... and https://microsoft.github.io/PowerBI-JavaScript/demo/defaults.html

 

<script src="scripts/powerbi.js"></script>
<script src="scripts/jquery-1.12.4.js"></script>
<script type="text/javascript">
var report = null;

window.onload = function () { 
                var accessToken = document.getElementById('hfAccessToken').value;

                if (!accessToken || accessToken == "") {
                                return;
                }
                
                var metricFilter = {
                                $schema: "http://powerbi.com/product/schema#basic",
                                target: {
                                                table: "Cats",
                                                column: "CatName"
                                },
                                operator: "In",
                                values: ["Mr Furball"]
                }
                var embedUrl = document.getElementById('hfEmbedUrl').value;
                var reportId = document.getElementById('hfReportId').value;

                var config = {
                                type: 'report', 
                                accessToken: accessToken,
                                embedUrl: embedUrl,
                                filters: [metricFilter],
                                id: reportId,
                                settings: {
                                                filterPaneEnabled: false,
                                                navContentPaneEnabled: false
                                }
                };
                var reportContainer = document.getElementById('reportContainer');
                report = powerbi.embed(reportContainer, config); 
};
</script>

<asp:HiddenField ID="hfEmbedUrl" runat="server" />    
<asp:HiddenField ID="hfReportId" runat="server" />
<asp:HiddenField ID="hfAccessToken" runat="server" /> 

<div class="divDashboardContainer" id="reportContainer"></div>
</div>

Can anyone shed any light on why the javascript may not applying the filters ?

 

2 REPLIES 2
shaunwilks
Helper V
Helper V

Anyone with some thoughts ?

Anonymous
Not applicable

Hello,

Sorry, Can you teach me how do you generate the Access Token and Refresh Token? i have many problems with this. Smiley Mad

 

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

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

April Fabric Community Update

Fabric Community Update - April 2024

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