Hi
I have a Report embedded into an MVC Web app, the problem is that my filter does not work, i have tried various methods to no avail.
<script type="text/javascript">
window.onload = function () {
var Filter1 = {
$schema: "http://powerbi.com/product/schema#basic",
target: {
table: "vw_NGO_Registrations",
column: "NGOName"
},
Operator: "In",
values: ["BADISA"]
}
var config = {
type: 'report',
accessToken: "@(Model.Token)",
embedUrl: "@Model.PBIReport.embedUrl",
id: "@Model.PBIReport.id",
filters: [Filter1],
settings: {
filterPaneEnabled: true,
navContentPaneEnabled: true
}
};
var reportContainer = document.getElementById('reportContainer');
var report = powerbi.embed(reportContainer, config);
});
});
};
</script>I have also tried adding the following at the bottom of the script
report.on('loaded', event => {
report.getFilters()
.then(filters => {
filters.push(Filter1);
return report.setFilters(filters);The report just keeps showing all the data, additionally, The filter pane does NOT show, i dont know if that has anything to do with it, even though i explicitly set filterPaneEnabled = true. Even when i remove the settings, it still wont show.
Even when i added the following, still no filter pane.
<div ID="reportContainer" style="width: 900px; height: 500px" powerbi-settings-nav-content-pane-enabled="true" powerbi-settings-filter-pane-enabled="true"></div>
Thank you