在嵌入式Power BI中隐藏页面栏中的页面

Question

我将Power BI报表嵌入到我们的应用程序中。我想根据应用程序的状态显示/隐藏报告的可用页面。是否有任何Javascript API可以隐藏具体页面？

我知道，可以在Power BI桌面中隐藏页面，但是我需要对其进行动态修改以实现具体的用户会话。

Answer 1

我认为目前不支持此功能。至少我在page.ts source code中看不到执行此操作的方法。

在Microsoft official demo中，他们hided the navigation bar并将网页中的按钮用于change the active report page，因此您也可以使用此替代方法。

  

页面导航默认情况下处于启用/可见状态，但可以通过在元素上添加属性或在嵌入配置中指定设置来禁用/隐藏页面导航：

因此要隐藏页面导航面板，请添加以下属性：

<div ... powerbi-settings-nav-content-pane-enabled="false"></div>

或在嵌入式配置详细信息中指定它：

var embedConfig = {
    ...
    settings: {
        navContentPaneEnabled: false
    }
};

要将报告切换到某个页面，请调用setActive方法：

const page = report.page('ReportSection1');
page.setActive();