Question

我正在以角度4开发嵌入式电源双应用程序。此应用程序组合了几个报告（存储在Azure上），我想检索每个报告的所有页面，而不必将其加载到容器中。权力bi api显然不允许这样做;有办法吗？

Answer 1

不幸的是，无法使用Power BI拥有的最新REST API来执行此操作。您可能需要使用<FormattedDate value={new Date()} month="2-digit" day="2-digit" />（或热启动）来加载报告的元数据，而不必将其呈现到屏幕上。

有关更多信息，请参见此处： https://github.com/Microsoft/PowerBI-JavaScript/wiki/Phased-Embedding-API

Answer 2

我知道已经很晚了，但对于像我这样的人来说，寻找一些代码片段可能很有用以下内容将获取所有报告页面并创建按钮以将其嵌入到其他页面。

请注意，这来自ASP.NET CORE MVC，我可以从提供的模型中呈现我的安全嵌入信息。

希望这对您有帮助...

$(document).ready(function() {

        var preloadElement = powerbi.preload({ type: 'report', baseUrl: 'https://embedded.powerbi.com/reportEmbed' });

        $(preloadElement).on('preloaded', function () {
            setupEnhancedReportLinks("#enhanced-report-container", @Json.Serialize(Model.EnhancedReports));
        });

    });


function setupEnhancedReportLinks(containerName, reportsModel) {

        $.each(reportsModel, function () {

            const config = {
                type: 'report',
                id: this.id,
                embedUrl: this.embedUrl,
                accessToken: this.embedToken.token,
                tokenType: models.TokenType.Embed,
                permissions: models.Permissions.All,
                viewMode: models.ViewMode.View,
                settings: {
                    filterPaneEnabled: false,
                    navContentPaneEnabled: false
                }
            };

            let elements = [];
            elements.push($("<h4> ").attr({ id: `title-for-${config.id}` }).text(this.displayName));
            elements.push($("<div>").attr({ id: `buttons-for-${config.id}` }));

            // Note this element is hidden; loading a report still requires a page element to contain it, so we hide it on creation
            elements.push($("<div>").attr({ id: `report-for-${config.id}` }).hide());

            // add all report information into the main dom element
            $(containerName).append(($("<div>").attr({ id: `container-for-${config.id}`, 'class': 'well col-lg-12' }).append(elements)));

            // Load the report
            // fetch, then iterate the pages to create the buttons which are added to the report's button container
            var report = powerbi.load($(`#report-for-${config.id}`)[0], config);
            report.on('loaded',function() {

                report.getPages().then(function (pages) {
                    $.each(pages, function() {
                        console.log("is this a page", this, config);
                        $(`#buttons-for-${config.id}`)
                            .append($('<a>')
                                .text(this.displayName)
                                .attr({
                                    href: `/EmbeddedReport/EmbedReport?reportId=${config.id}&reportSection=${this.name}`,
                                    class: 'enh-button' 
                                }
                        ));
                    });
                });
            });
        });
    }

获取嵌入式电源双向报告的所有页面

2 个答案: