反饋已提交
網絡繁忙
不勾选决策报表组件属性>基本下的可见,可在前端展示时隐藏决策报表组件,但是无法自由切换隐藏或显示。
那么如何才能在前端预览时自由切换组件隐藏或显示呢?效果如下图所示:
决策报表中添加 2 个按钮,分别添加点击事件,实现隐藏和显示组件功能。
打开内置模板:门店分析.frm
点击下载模板:门店分析.frm
拖入两个按钮控件,分别将按钮名称修改为隐藏、显示,如下图所示:
选中隐藏按钮,添加点击事件,点击即可隐藏 report0 组件,如下图所示:
JavaScript 代码如下:
this.options.form.getWidgetByName('report0').setVisible(false); //隐藏报表块
注:report0 是报表块名,如果是需要隐藏图表块,换成图表块名即可。
选中显示按钮,添加点击事件,点击即可显示 report0 组件,如下图所示:
this.options.form.getWidgetByName('report0').setVisible(true); //显示报表块
注:上述点击事件的写法,只适用于按钮控件在 body 内,当按钮控件在参数面板内时,需要使用另外一种写法,JavaScript 如下:
_g().getWidgetByName('report0').setVisible(true); //显示_g().getWidgetByName('report0').setVisible(false); //隐藏
保存模板,点击PC端预览,效果如下图所示:
同时支持 App 端和 H5 端预览,效果如下图所示:
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\10-JS隐藏决策报表内报表块或图表块.frm
点击下载模板:10-JS隐藏决策报表内报表块或图表块.frm
1)只支持隐藏报表块、图表块。
2)组件不可见时,导出时必须增加 sessionID,不然连同隐藏组件会一起导出。
3)自适应布局下,组件隐藏后触发自适应效果,被隐藏组件的位置会被旁边的组件占用。如果是绝对布局,被隐藏组件的位置会空出来,如下图所示:
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉