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

FineReport報表通過可視化的面板設置來實現，非常直觀。

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

1. FineReport報表的實現方法

1.1制作一個行式?填報表

報表設計如下圖

在網頁中查看此填報表，效果如下圖

當點刪除按鈕時，會刪除被選中的行，這里如果點刪除按鈕會刪除年累為1的那一行。

1.2?添加“刪除當前行”按鈕

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

右擊D2單元格，選擇控件設置，進行如下所示的設置?

設置后報表如下：

1.3?在網頁中再次查看此填報表，效果如下圖

當點刪除按鈕時，會刪除被選中的行，這里如果點刪除按鈕會刪除第4行。

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

2.?潤乾報表的實現方法

2.1?制作一個行式填報表

報表設計如下圖

在網頁中查看此填報表，效果如下圖

當點刪除按鈕時，會刪除被選中的行，這里如果點刪除按鈕會刪除供應商ID為3的那一行。

2.2添加“刪除當前行”按鈕

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

如下圖

?

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

<script language=”WebScript”>

function shanchu(btn){

var cell=btn.parentElement;

report1.currCell=cell; //獲取當前觸犯單元格的焦點

_deleteRow(report1); //調用行式報表刪除行的js函數

}

</script>

2.4在網頁中查看效果，如下圖

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的主流报表制作工具之王者争夺战：功能大PK系列之“删除当前行”按钮制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。