finereport Web工具欄

 1、獲取報表工具欄按鈕

在報表頁面中，偶爾會有需要獲取工具欄按鈕的需求，之前只能通過contentPane.toolbar.options.items[index]來獲取，比較不方便，現在我們提供了兩種新的方式來獲取工具欄按鈕

2、JS控制工具欄按鈕的屬性

我們希望對工具欄的一些按鈕做屬性的改變，比如：可用/不可用、可見/不可見，來防止其他誤操作！

3、JS自定義工具欄按鈕控制參數欄的顯示與隱藏

實現在工具欄點擊某個按鈕直接控制對參數欄的顯示與隱藏效果

$('.parameter-container').css('visibility','hidden');
$('.parameter-container').css('visibility','visible');

4、設置工具欄如導出、打印的下拉需顯示的項目數

5、JS實現自定義工具欄高度

有的時候我們想自定義工具欄的高度 

6、JS實現動態修改工具欄展示長度

使用填報預覽的時候，選中單元格，數值在上方工具欄中會顯示出來，但是，如果單元格文字很多，工具欄顯示的寬度不夠，數值會顯示不全

$("pre").parents("div:first").css("width",300).end().parents("table:first").css("width",300);  

 

JQuery：end() 會將對象還原為調用 方法之前的狀態

 

7、JS實現工具欄增加跳轉到指定頁面按鈕

FineReport的分頁預覽默認提供了跳轉到首頁，上一頁，下一頁，跳轉到最后一頁的按鈕，如果需要跳轉到指定頁，需要先輸入頁面，再回車，這是默認的解決方法，但很多人對回車鍵操作不是很習慣，習慣於點擊按鈕，需要在工具欄增加點擊按鈕跳轉到指定頁的功能。

 

8、JS控制工具欄居中/居右顯示

在實際項目中，有時客戶會要求把工具欄的按鈕居中顯示或者居右顯示，這時就會用到這個功能。

9、JS修改郵件格式選項

有的時候我們想去掉不需要的郵件格式

 

10、JS實現工具欄按鈕只導出單一格式文件

 FineReport支持多種不同的導出方式，直接使用FineReport內置導出按鈕可以非常快捷方便的來對各種格式的輸出。但是有時候，我們需要自定義的文件類型。此時，這種自定義工具欄按鈕如何實現導出呢？

servletURL：路徑

reportName：報表名

一般報表路徑 為：http://localhost:8075/WebReport/ReportServer?reportlet=ReportSystem%2FLG%2FDR_LGYC_002.cpt

var mrname=FR.cjkEncode(reportName);  /* 中文目錄及文件名，通過帆軟自帶js轉碼*/    
var mrurl=servletURL+'?reportlet='+mrname; /* 獲取路徑*/    
/*window.open(mrurl+'&format=text');*/    
window.location.href=mrurl+'&format=text';/*下載文件*/

format=word     //導出word格式的文件
format=excel    //導出excel格式的文件
format=pdf       //導出excel格式的文件

cjk編碼轉換

 

11、JS實現工具欄添加計數

在報表查看過程中，有時候需要有計算當前行數的功能，我們可以在工具欄上顯示當前條數。

 

var totalnumber=$("tr[tridx=0]","div.content-container").children().eq(0).text();//獲取A1單元格的值  
if(!isNaN(totalnumber)){
$("#fr-btn-CustomToolBarButton").text("共"+totalnumber+"條")
}

 

 

div.content-container:選取 class 為content-container的 <div> 元素

選擇器中的逗號是兩個條件的合集，第一個條件中的空格前面的部分不能帶到下一個選擇器中，

總結一句 逗號分隔開的兩個條件的分別選出來的范圍求並集，然后 前后部分沒有任何關聯。

由此得出結論:：$([子節點],[父節點])

5、工具欄JS實例