反饋已提交
網絡繁忙
用户希望可以自定义设置 Tab 的展现与隐藏,比如不同用户可以查看不同的 Tab 块,或者隐藏一些无关 Tab 页的内容,该如何实现呢?
如下图所示,设计界面有 3 个 Tab,预览时隐藏一个 Tab ,只展示 2 个 Tab。
通过添加 JS 来实现 。
准备内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\analytics\financial2\生产库存分析.frm
点击下载模板:生产库存分析.frm
打开模板,模板有三个 Tab 块,如下图所示,示例通过添加 JS 的方式隐藏 Tab 1。
在决策报表右上角组件列表中,选择 tabpane0 控件,为其添加一个「初始化后」事件。如下图所示:
JavaScript 代码如下:
this.options.form.getWidgetByName("tabpane0").setTabVisible("tab1", false);
注1:当模板里有多个 Tab 组合,如有 tabpane0 和 tabpane1 时,通过 this.options.form.getWidgetByName("tabpane0").setTabVisible("tab2", false); 将无法获取到 tabpane0 的 Tab2。所以此方法不适用决策报表中多个 Tab 组合的场景。
注2:当模板导出时,被隐藏的 Tab 不会被导出。
保存模板,点击「PC端预览」,可以看到第 2 个 Tab已被隐藏,PC 端效果如下图所示:
App 及 HTML5 效果如下图所示:
已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\12-JS实现隐藏tab块标题-示例二.frm
点击下载模板:12-JS实现隐藏tab块标题-示例二.frm
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉