當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

數據庫表字段控制Tab塊隐藏

1. 概述

1.1 預期效果

通過數據庫表中設置的字段值,控制決策報表的每個 Tab 塊是否顯示,如下圖所示:

數據庫表字段:SITUATION 字段的值控制 Tab 是否顯示。

Snag_575189d.png

效果展示:一共有 4 個 Tab 塊:春、夏、秋、冬,前端展現時只顯示其中 2 個。

E9CF8C4D-1DBD-4367-9BC6-93A8BA64CF71.GIF

1.2 實現思路

數據庫表中添加控制 Tab 塊是否顯示的權限值,給決策報表的 body 組件添加 JS 事件來實現。

2. 示例

2.1 數據準備

數據庫新建一個表SEASON,如下圖設計表的字段:

Snag_58260e2.png

2.2 模板設計

将 Tab 組件和報表塊組件拖入到 body 組件中,新增 4 個 Tab 塊,如下圖所示:

Snag_586711b.png

2.3 添加JS事件

選中 body 組件,添加一個初始化事件,如下圖所示:

Snag_58b3e89.png

參數 a 的值爲公式:split(SQL("FRDemo","SELECT TYPE FROM SEASON WHERE SITUATION='隐藏'",1),",")

JS 代碼如下:

for(var i = 0; i < a.length; i++) { 
    for(var j=0;j< a[i].length;j++){ 
    this.options.form.getWidgetByName("tabpane0").setTabVisible(a[i][j], false);
    }
}

2.4 效果預覽

1)PC 端

保存報表,點擊PC端預覽,效果如下圖所示:

E9CF8C4D-1DBD-4367-9BC6-93A8BA64CF71.GIF

2)移動端

同時支持 App 和 H5 端預覽。

1589511793864763.gif

 3. 模板下載 

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表單JS實例\數據庫表字段控制是否顯示Tab.frm

點擊下載模板:數據庫表字段控制是否顯示Tab.frm

注:用戶使用該模板時需要先新建數據庫表。

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s后關閉

反饋已提交

網絡繁忙