BI報(bào)表中如何將網(wǎng)格式報(bào)表打印成其它樣式(圖解) 網(wǎng)格式報(bào)表打印成其它樣式的方法

發(fā)布時(shí)間：2015-09-17 16:51:57 作者：佚名

對(duì)于填報(bào)網(wǎng)格式報(bào)表，每行前面有個(gè)復(fù)選框，希望實(shí)現(xiàn)點(diǎn)擊頁面中設(shè)置的打印按鈕希望將選中的復(fù)選框中的值按照一定的樣式打印，如分欄、頁面固定顯示幾行等格式。下面就通過BI報(bào)表FineReport來進(jìn)行介紹，需要的朋友一起來學(xué)習(xí)。

實(shí)現(xiàn)思路：可以定義另外一個(gè)有固定格式的模板，此模板的數(shù)據(jù)是根據(jù)填報(bào)網(wǎng)格式報(bào)表中選中的值進(jìn)行過濾，而在填報(bào)網(wǎng)格式報(bào)表中則需要在按鈕的點(diǎn)擊事件中定義js，js首先要獲取選中行的數(shù)據(jù)，然后調(diào)用FineReport內(nèi)置的打印方法，將選中的值以參數(shù)的方式加入到打印方法的URL中傳到被打印的模板中。

腳本之家友情提醒大家：

需要的原料：１.BI報(bào)表FineReport7.1.1　?。?大小：148.2M 適用平臺(tái)：windows/linux

具體方法步驟請(qǐng)看下面：

第一步：新建需要打印格式模板

定義數(shù)據(jù)集

由于此模板要根據(jù)選中的值進(jìn)行打印，因此要在此模板中定義參數(shù)，在此我們將參數(shù)定義成數(shù)據(jù)集參數(shù)。

新建工作簿，增加數(shù)據(jù)集ds1，SQL語句為：SELECT * FROM 訂單 where 訂單ID in (${ID})。

第二步：表樣設(shè)計(jì)

將表樣設(shè)計(jì)成要打印的效果，在此我們將模板設(shè)置成如下樣式：

將B2單元格的左父格設(shè)置成無，并將其余單元格的左父格設(shè)置為B2。

將B3和D3設(shè)置形態(tài)。

同樣也可以對(duì)模板進(jìn)行分欄。

第三步：保存模板

第四步：修改預(yù)覽模板

打開模板

第五步：修改模板

此模板，我們只要修改按鈕的名稱和按鈕的js即可，因此我們將按鈕名稱修改成“打印”，并將js修改成如下代碼：

var $span = $('.fr-checkbox-checkon'); //獲取選中的復(fù)選框
var darray = [];
var $tds = $("td").has($span); //獲得選中復(fù)選框的單元格
for (var i = 0, len = $tds.length; i < len; i ++) {    //遍歷選中的單元格
   var id = $($tds[i]).attr("id"); //給選中的單元格增加id屬性
var idn = id.replace("A","B"); //將復(fù)選框所在的A列換成客戶編號(hào)所在的B列
var vv=document.getElementById(idn).innerHTML;    //獲取選中單元格所在B列的數(shù)據(jù)
darray.push(vv);
}
FR.doURLPDFPrint("${sevletURL}ReportServer?reportlet=/doc/Form/FormFAQ/PrintCol.cpt&ID="+darray); //調(diào)用打印方法，URL為之前做好的模板路徑
注：若獲取的vv值為字符串，要將其放入數(shù)組中則需要修改成darray.push("'"+vv+"'")。

第六步：保存模板

第七步：效果查看