帆軟報表之 控件示例 -5


控件示例

單選按鈕組控制實現是否顯示全部
1. 描述
FR可以實現通過單選按鈕組控件實現,控制模板的顯示內容是否顯示全部或者只顯示一部分。
2. 示例
以下我們用FRDemo數據庫中的公司部門表作為數據源,通過單選按鈕組實現當選擇是,查詢部門ID的時候,除了顯示自己本身之外,還要顯示其上級部門的信息,選擇否的時候,只顯示自己本身。
2.1 定義數據集
增加數據庫查詢ds1:SELECT * FROM 公司部門 where 1=1 ${if (p2 == '0',"and 部門ID = '" + p1 + "'","and 部門ID = '" + p1 + "' or 上級ID='" + p1 + "'")}。
注:部門ID = '" + p1 + "' or 上級ID='" + p1 + "'的意思是當p2不為0時,則顯示部門ID以及上級ID。
2.2 添加參數面板
1)控件設置
在參數面板將2個參數生成2個控件,其中p1指向文本框,p2指向單選按鈕組,如下圖:
0
2)控件數據字典
文本框不需要設置數據字典,單選按鈕組的數據字典自定義,如下圖:
0
2.3 報表主體設置
0
2.4 效果查看
1)當選擇不顯示上級ID,即單選按鈕組選擇false,查詢結果如下:
0
2)當選擇顯示上級ID,即單選按鈕組選擇true,查詢結果如下:
0
視圖樹超鏈
1. 描述 編輯
我們有時希望可以在頁面左邊顯示視圖樹,右邊顯示子模板,根據動態樹節點的不同,動態的顯示子模板,如下圖:
0
2. 解決方案
報表分為左右兩個部分,左邊定義個視圖樹,右邊使用網頁框顯示子表。
給視圖樹添加點擊事件,將選擇的值傳遞給網頁框中的子模板。
3. 示例
3.1 子模板准備
該示例中准備了一張子模板,定義內置數據集,如下圖:
0
設置報表樣式,如下圖:
0
雙擊A2單元格,給A2增加過濾條件,公式為sql("FRDemo", "select 部門名稱 from 公司部門 where 部門ID='" + para + "'", 1)
0
已完成模板請參照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\widgetReport\視圖樹超鏈子報表.cpt
3.2 主模板的設置
1)視圖樹控件設置
首先添加添加模板數據集,SQL為:SELECT * FROM 公司部門。
在模板中添加一個視圖樹控件,構建樹,構建方式選擇自動構建,此不做詳細介紹,具體定義方法可參考 下拉樹控件自動構建示例文檔。完成之后如下圖:
0
2)屬性設置
設置視圖樹類型為單選視圖樹,如下圖:
0
設置只返回葉子節點,並使其返回數據為當前選中數據,而不是層次路徑。
3)點擊事件設置
給視圖樹添加點擊事件,如下圖:
0
js代碼如下:
  1. var b = this.getValue();  
  2. var url = "?viewlet=doc/Primary/widgetReport/%e8%a7%86%e5%9b%be%e6%a0%91%e8%b6%85%e9%93%be%e5%ad%90%e6%8a%a5%e8%a1%a8.cpt&__showtoolbar__=false";    
  3. FR.doHyperlinkByPost(url,{para:b},'REPORT');  
注:其中的REPORT就是網頁框的控件名,doHyperlinkByPost中網頁框名字必須大寫。
注:視圖樹返回的值類型為數組
4)FR.doHyperlinkByPost(url,config,target,feature)
url必填,為url或json超鏈定義,config表示要傳遞的參數,target表示超鏈子頁的打開位置,如上,即表示在REPORT網頁框中打開,還可以在feature參數中設置窗口屬性,比如說打開窗口的大小,則表示為FR.doHyperlinkByPost(url,config,target "600,600,")
類似於FR.doHyperlinkByPost(url,config,target,feature)使用post方式傳遞模板,還可以使用get方式傳遞,其接口為FR.doHyperlinkByGet(url,config,target,feature),也可以使用FR.doHyperlinkByGet4Reportlet(url,config,target,feature)方法。
注:target和feature屬性在移動端無效。
5)網頁框控件設置
0
3.3 效果查看
在主模板中點擊數據分析預覽,就可以看到效果了。
模板在線效果查看請點擊 father.cpt
已完成模板請參照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\widgetReport\視圖樹超鏈主報表.cpt
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM