topic powerbi-client 2.4.2 in Developer

powerbi-client 2.4.2

dpoleon — Fri, 03 Nov 2017 22:01:02 GMT

Hi,

I am trying to use the powerbi-client in an angular 4 application, I am getting to following error:

'getPages' does not exist on type 'Embed'.

Any help would be greatly appreciated....thanks in advance.

Here is my code:

______________________________________________________________________________

ngOnInit() {

this.reportId = 'dca89071-c679-4719-803b-xxxxxxxxxxxxxxx';

this.pbiService.getReport(this.reportId).subscribe(embedConfig => {

this.embedConfig = embedConfig;

// console.log(this.customerName);

const powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);

const models = pbi.models;

const filter = {

$schema: 'http://powerbi.com/product/schema#basic',

target: {

table: 'Customer',

column: 'Customer'

operator: 'Is',

values: [this.id]

};

const config = {

type: 'report',

tokenType: models.TokenType.Embed,

accessToken: this.embedConfig.EmbedToken.token,

embedUrl: this.embedConfig.EmbedUrl,

id: this.embedConfig.Id,

permissions: models.Permissions.All,

filters: [filter],

settings: {

filterPaneEnabled: false,

navContentPaneEnabled: false

}

};

// Even though an error is displayed, the parameter still works.

const report = powerbi.embed(this.reportContainer.nativeElement, config);

report.iframe.frameBorder = 'none';

report.on('loaded', function(event)

{

console.log('Ready...');

// Retrieve the report id.

const reportId = report.getId();

console.log('Report Id: ' + reportId);

report.getPages()

.then(function (pages) {

pages.forEach(function(page) {

const log = page.name + ' - ' + page.displayName;

console.log(log);

});

}

Re: powerbi-client 2.4.2

Eric_Zhang — Sat, 04 Nov 2017 07:31:56 GMT

@dpoleon

The getPages works with powerbi-client 2.4.2 in my test, what's going on if you test in below html?

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script src="powerbi.js"></script>

<script type="text/javascript">
window.onload = function () {
 // Read embed application token from Model
    var accessToken = "embeded token"; 
	
    // Read embed URL from Model
    var embedUrl = "embed url";

    // Read dashboard Id from Model
    var embedReportId = "reportid";

    // Get models. models contains enums that can be used.
    var models = window['powerbi-client'].models; 
	 
    var config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId , 
		settings: {
        filterPaneEnabled: true	
    }		 
    };

    // Get a reference to the embedded dashboard HTML element
    var dashboardContainer = $('#reportContainer')[0] ;

    // Embed the dashboard and display it within the div container.
var reports = powerbi.embed(dashboardContainer, config);
	
reports.on('loaded', function(event)
{
var data = event.detail; 
         //console.log(JSON.stringify(data, null, ' '));
		 console.log('****************************************************');
		 console.log(reports.getPages());
		 console.log('****************************************************');
		 
})  
}
  
</script>  
<div id="reportContainer"></div> 
</html>

Re: powerbi-client 2.4.2

dpoleon — Tue, 07 Nov 2017 08:36:39 GMT

Thank you for your reply,

I have implemented your suggested code but still getting nothing coming back for "reports.getPages()"...worryingly I'm not getting anything at all in the console window for the data variable even though the "filterPaneEnabled: true" is being applied.

Still getting "Property 'getPages' does not exist on type 'Embed'."

Is this because I am trying to use "powerbi-client" in an Angular 4 application?

Regards

Re: powerbi-client 2.4.2

Eric_Zhang — Wed, 08 Nov 2017 08:16:51 GMT

@dpoleon wrote:

Thank you for your reply,

I have implemented your suggested code but still getting nothing coming back for "reports.getPages()"...worryingly I'm not getting anything at all in the console window for the data variable even though the "filterPaneEnabled: true" is being applied.

Still getting "Property 'getPages' does not exist on type 'Embed'."

Is this because I am trying to use "powerbi-client" in an Angular 4 application?

Regards

I don't know Angular. What's going on if you replace the token, embedurl etc in the HTML and open it in Chrome?