電子表格FineReport教程：[28]按鈕控件示例?

下面就通過電子表格FineReport來簡單介紹一下。

工具/原料

大小：148.2M 適用平臺：windows/linux

電子表格FineReport7.1.1

按鈕的快捷按鍵設置

問題描述

有時我們希望能夠通過快捷鍵來觸發按鈕，我們可以對按鈕控件進行快捷鍵設置來實現。

設置方法

可以通過控件的控件設置來添加或修改觸發快捷鍵。

例如，查詢按鈕中設置快捷鍵為enter，則按enter就會觸發查詢按鈕

需要注意的是：FineReport只支持部分的鍵設置為快捷鍵即不是所有的鍵都可以設置快捷鍵，支持的快捷鍵如下圖所示，若設置了不屬於上述快捷鍵的按鍵，快捷鍵將會無效：

點擊控件後改變控件顏色

問題描述

在客戶使用我們的多維度報表時，由於多個標籤的存在，希望能在查看當前標籤內容時，能夠突出該標籤的顏色，以區分當前查看標籤頁。

解決思路

通過js獲取到當前被點擊的按鈕，即tab標籤，修改其css樣式，使之改變背景顏色。

模板準備

打開表單模板：%FR_HOME%\WebReport\WEB-INF\reportlets\demo\analytics\multi_report\all.frm。

按鈕點擊事件

選中總體概況按鈕，在右側的屬性表中添加點擊事件，如下圖：

具體的js代碼如下：

if(window.oldtd != null)

{

window.oldtd.removeAttr("style");

}

var td;

if($(e.target).is("button")){

td=$(e.target).parent().parent();

}else{

td=$(e.target).find("button").parent().parent();

}

td.css({"background-image":"url()","background-color":"rgb(170, 223, 248)"});

window.oldtd=td;

效果查看

點擊按鈕發送郵件

問題描述

在大多數企業當中，郵件溝通是一個非常常見並且重要的溝通工具，經常性，某個員工完成了某一件事件需要用郵件通知各個相關人員，那麼在FineReport該怎麼實現這種，比如說填報一條數據進數據庫的時候就用郵件通知相關人員呢？

示例—自定義按鈕

這裡做一個簡單示例，示範FineReport如何實現發送郵件的功能。

實現在參數界面下拉複選框選擇收件人，點擊按鈕時，將所有收件人的郵箱作為郵件正文，當天日期作為郵件標題發送出去。

模板準備

新建一張空白模板，在模板>模板參數添加1個參數person，並將該參數控件添加到參數面板，控件類型選擇下拉框，數據字典設置如下圖：

發件人設置

上面收件人郵箱已經設置好了，下面設置發件人郵箱。

用管理員賬號登錄，點擊管理系統>系統設置>郵件，即可配置發件人郵箱，如下圖：

注：finereport只支持一個發件人，無法動態改變。

發送郵件

回到模板，切換到參數界面，選中查詢按鈕，在右側的屬性面板中選擇事件標籤頁，添加一個點擊事件，事件的響應方式選擇發送郵件，如下圖：

注：郵件正文支持使用報表中的內容，正文和標題都支持公式和參數

效果查看

保存模板，分頁預覽，下拉框值選擇helln和shadow，點擊查詢按鈕，即會觸發點擊事件，將郵件發送給helln和shadow，如下圖，FineReport會將上述郵件發送給出去：

注：填報控件中的發送郵件只能使用動態標題。

示例—web端內置按鈕

FineReport在web端查看報表時，內置工具欄也有郵件按鈕，點擊按鈕可直接發送郵件，比如說我們預覽GettingStarted這個模板，在web端工具欄可以看到郵件按鈕，點擊，彈出郵件發送配置，如下圖：