<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: apply filters to power bi report using  power bi javascript api in Developer</title>
    <link>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2983992#M40433</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/489608"&gt;@GouthamPamula&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;
&lt;P&gt;You can refer the following links to get it:&lt;/P&gt;
&lt;P&gt;&lt;A href="https://learn.microsoft.com/en-us/javascript/api/overview/powerbi/control-report-filters" target="_self"&gt;Control report filters&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A href="https://community.powerbi.com/t5/Developer/Addling-filter-using-javascript-API-Power-BI-Service/m-p/133926" target="_self"&gt;&lt;SPAN&gt;Addling filter using javascript API (Power BI Service)&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A href="https://www.kasperonbi.com/embed-your-power-bi-report-with-predefined-filters/" target="_self"&gt;&lt;SPAN&gt;Embed your Power BI report with predefined filters&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;const filter = {
        $schema: "http://powerbi.com/product/schema#basic",
        target: {
            table: "DimProduct",
            column: "ColorName"
        },
        operator: "In",
        values: ["Silver"]
    };
var config = {
              type: 'report',
              tokenType: models.TokenType.Embed,
              accessToken: accessToken,
              embedUrl: embedUrl,
              id: embedReportId,
              permissions: models.Permissions.All,
              settings: {
                            filterPaneEnabled: true,
                            navContentPaneEnabled: true
              }
};
// Embed the report and display it within the div container.
var report = powerbi.embed(reportContainer, config);
report.on('loaded', event =&amp;gt; {
        report.getFilters()
            .then(filters =&amp;gt; {
                filters.push(filter);
                return report.setFilters(filters);
            });&lt;/LI-CODE&gt;
&lt;P&gt;Best Regards&lt;/P&gt;</description>
    <pubDate>Thu, 22 Dec 2022 10:47:46 GMT</pubDate>
    <dc:creator>Anonymous</dc:creator>
    <dc:date>2022-12-22T10:47:46Z</dc:date>
    <item>
      <title>apply filters to power bi report using  power bi javascript api</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2981324#M40413</link>
      <description>&lt;P&gt;&lt;STRONG&gt;&lt;FONT color="#003300"&gt;&lt;U&gt;I'm applying custom&amp;nbsp; filters for power bi report&amp;nbsp; using some javascript code&lt;/U&gt;&lt;/FONT&gt;.&lt;/STRONG&gt; &lt;FONT color="#FFFF00"&gt;but filters are not applying&lt;/FONT&gt; . Im getting powerbi report on browser without any filter.&lt;/P&gt;&lt;P&gt;I'm following Javascript code here :&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="filterreport02.PNG" style="width: 999px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/844316iA7524A262E596575/image-size/large?v=v2&amp;amp;px=999" role="button" title="filterreport02.PNG" alt="filterreport02.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;below one is sample code which iam using .&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
window.onload = function () {
    var models = window['powerbi-client'].models;
const basicFilter  = {
  $schema: "http://powerbi.com/product/schema#basic",
  target: {
    table: "TableName",
    column: "ColumnName"
  },
  operator: "In",
  values: ["Jr.Software"],
  filterType: models.FilterType.Basic,
  requireSingleSelection: true
}
var embedConfiguration = {
    type: 'report',
tokenType: models.TokenType.Embed,
    id: reportId,
    accessToken: '{myToken}',
    embedUrl: 'https://app.powerbi.com/view?{-------}&amp;amp;pageName=ReportSection',
 permissions: models.Permissions.All,
		filters:[basicFilter],
        settings: {
            filterPaneEnabled: true,
            navContentPaneEnabled: true
        }
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
report.updateFilters(models.FiltersOperations.Add,[basicFilter])
}
&amp;lt;/script&amp;gt;

&amp;lt;div id="reportContainer"&amp;gt;&amp;lt;/div&amp;gt;
 &lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;i need render power bi report with filters below like:&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="repr01.PNG" style="width: 999px;"&gt;&lt;img src="https://community.fabric.microsoft.com/t5/image/serverpage/image-id/844325iFC95C51589BBB533/image-size/large?v=v2&amp;amp;px=999" role="button" title="repr01.PNG" alt="repr01.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;pls can anyone suggest where i have done mistake in above javascript code&lt;/STRONG&gt; .&lt;BR /&gt;could you please provide any links .&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;thanks&amp;nbsp;&lt;BR /&gt;Goutham pamula&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 21 Dec 2022 09:49:53 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2981324#M40413</guid>
      <dc:creator>GouthamPamula</dc:creator>
      <dc:date>2022-12-21T09:49:53Z</dc:date>
    </item>
    <item>
      <title>Re: apply filters to power bi report using  power bi javascript api</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2983992#M40433</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/489608"&gt;@GouthamPamula&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;
&lt;P&gt;You can refer the following links to get it:&lt;/P&gt;
&lt;P&gt;&lt;A href="https://learn.microsoft.com/en-us/javascript/api/overview/powerbi/control-report-filters" target="_self"&gt;Control report filters&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A href="https://community.powerbi.com/t5/Developer/Addling-filter-using-javascript-API-Power-BI-Service/m-p/133926" target="_self"&gt;&lt;SPAN&gt;Addling filter using javascript API (Power BI Service)&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;A href="https://www.kasperonbi.com/embed-your-power-bi-report-with-predefined-filters/" target="_self"&gt;&lt;SPAN&gt;Embed your Power BI report with predefined filters&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;const filter = {
        $schema: "http://powerbi.com/product/schema#basic",
        target: {
            table: "DimProduct",
            column: "ColorName"
        },
        operator: "In",
        values: ["Silver"]
    };
var config = {
              type: 'report',
              tokenType: models.TokenType.Embed,
              accessToken: accessToken,
              embedUrl: embedUrl,
              id: embedReportId,
              permissions: models.Permissions.All,
              settings: {
                            filterPaneEnabled: true,
                            navContentPaneEnabled: true
              }
};
// Embed the report and display it within the div container.
var report = powerbi.embed(reportContainer, config);
report.on('loaded', event =&amp;gt; {
        report.getFilters()
            .then(filters =&amp;gt; {
                filters.push(filter);
                return report.setFilters(filters);
            });&lt;/LI-CODE&gt;
&lt;P&gt;Best Regards&lt;/P&gt;</description>
      <pubDate>Thu, 22 Dec 2022 10:47:46 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2983992#M40433</guid>
      <dc:creator>Anonymous</dc:creator>
      <dc:date>2022-12-22T10:47:46Z</dc:date>
    </item>
    <item>
      <title>Re: apply filters to power bi report using  power bi javascript api</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2988297#M40464</link>
      <description>&lt;P&gt;Thank you for sharing the information&lt;/P&gt;</description>
      <pubDate>Mon, 26 Dec 2022 05:45:51 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/apply-filters-to-power-bi-report-using-power-bi-javascript-api/m-p/2988297#M40464</guid>
      <dc:creator>GouthamPamula</dc:creator>
      <dc:date>2022-12-26T05:45:51Z</dc:date>
    </item>
  </channel>
</rss>

