参数面板显示在右侧

登录

在报表设计中，默认我们的参数面板显示在左侧，有时候我们希望能移动参数按钮的位置，显示右侧，如下图所示：

具体实现步骤：

1.创建viewer，然后设置属性

PanelsLocation:"sidebar"

复制代码

2.运行即可看到效果

杭州昱恒科技 · 杭州昱恒科技

vue3能实现吗

Felix.Li · Felix.Li

杭州昱恒科技发表于 2023-5-24 17:27
vue3能实现吗

可以实现，您直接用Viewer.PanelsLocation = "sidebar"

杭州昱恒科技 · 杭州昱恒科技

Felix.Li 发表于 2023-5-24 17:38
可以实现，您直接用Viewer.PanelsLocation = "sidebar"

let _this = this;
_this.viewer = _this.$refs.reportViewer.Viewer();
_this.viewer.open('/src/views/rdlx/operationAnalysisReport.rdlx-json');

// 预览页面，侧边按钮隐藏
_this.viewer.PanelsLocation = 'sidebar';

是这么写吗

Felix.Li · Felix.Li

杭州昱恒科技发表于 2023-5-24 17:46
let _this = this;
_this.viewer = _this.$refs.reportViewer.Viewer();
_this.viewer.open('/sr ...

我看您需要隐藏侧边栏，
隐藏的话使用:viewer.toggleSidebar()

杭州昱恒科技 · 杭州昱恒科技

Felix.Li 发表于 2023-5-24 18:16
我看您需要隐藏侧边栏，
隐藏的话使用:viewer.toggleSidebar()

如果移到右边得怎么写

杭州昱恒科技 · 杭州昱恒科技

Felix.Li 发表于 2023-5-24 18:16
我看您需要隐藏侧边栏，
隐藏的话使用:viewer.toggleSidebar()

我这边不需要隐藏，想实现vue下，移动到右边

杭州昱恒科技 · 杭州昱恒科技

Felix.Li 发表于 2023-5-24 18:16
我看您需要隐藏侧边栏，
隐藏的话使用:viewer.toggleSidebar()

我这边不需要隐藏，想实现vue下，移动到右边

Felix.Li · Felix.Li

杭州昱恒科技发表于 2023-5-25 10:58
我这边不需要隐藏，想实现vue下，移动到右边

您好，这边您可以做如下设置:
<ReportViewer ref="reportViewer" language="zh" :exportsSettings="exportsSettings" PanelsLocation="sidebar"
panelsLayout="sidebar" parameterPanelLocation="default" :sidebarVisible=true />

		自动登录	找回密码
密码			立即注册

参数面板显示在右侧

本帖子中包含更多资源

8 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人