FineReport與潤乾的填報表中提供了一個可以刪除整行的功能按鈕，但是這個按鈕只能在報表的toolbar中使用，而有時為方便操作需要在報表中直接顯示刪除按鈕。本文將通過一個例子來介紹一下在這兩種報表中“刪除當(dāng)前行”按鈕的制作。

FineReport報表通過可視化的面板設(shè)置來實(shí)現(xiàn)，非常直觀。

潤乾報表需要通過寫html與jsp語句來實(shí)現(xiàn)，對不熟悉jsp的用戶來說，有一定的局限性。

1. FineReport報表的實(shí)現(xiàn)方法

1.1制作一個行式填報表

報表設(shè)計(jì)如下圖

在網(wǎng)頁中查看此填報表，效果如下圖

當(dāng)點(diǎn)刪除按鈕時，會刪除被選中的行，這里如果點(diǎn)刪除按鈕會刪除年累為1的那一行。

1.2 添加“刪除當(dāng)前行”按鈕

在報表中追加一列，D1中添加刪除

右擊D2單元格，選擇控件設(shè)置，進(jìn)行如下所示的設(shè)置

設(shè)置后報表如下：

1.3 在網(wǎng)頁中再次查看此填報表，效果如下圖

當(dāng)點(diǎn)刪除按鈕時，會刪除被選中的行，這里如果點(diǎn)刪除按鈕會刪除第4行。

這樣，就在報表中成功插入了刪除當(dāng)前行的按鈕，以后就可以很方便的刪除數(shù)據(jù)，而不再需要去toolbar里尋找刪除按鈕了。

2. 潤乾報表的實(shí)現(xiàn)方法

2.1 制作一個行式填報表

報表設(shè)計(jì)如下圖

在網(wǎng)頁中查看此填報表，效果如下圖

當(dāng)點(diǎn)刪除按鈕時，會刪除被選中的行，這里如果點(diǎn)刪除按鈕會刪除供應(yīng)商ID為3的那一行。

2.2添加“刪除當(dāng)前行”按鈕

在報表中追加一列，F1中添加操作，選中F2，鼠標(biāo)右鍵-數(shù)據(jù)類型選擇 數(shù)據(jù)類型為 HTML，輸入內(nèi)容<input name=”click1″ type=”button” style=”width:70;height:30″ value=”刪除當(dāng)前行” onClick=”shanchu(this)” >

如下圖

2.3在發(fā)布報表的jsp上增加如下js腳本

<script language=”JavaScript”>

function shanchu(btn){

var cell=btn.parentElement;

report1.currCell=cell; //獲取當(dāng)前觸犯單元格的焦點(diǎn)

_deleteRow(report1); //調(diào)用行式報表刪除行的js函數(shù)

}

</script>

2.4在網(wǎng)頁中查看效果，如下圖

文章轉(zhuǎn)自：http://blog.vsharing.com/fanfanzheng/A1289338.html