Posted on 2010-11-27 23:37
FineReport——報表技術領跑者 閱讀(375)
評論(0) 編輯 收藏 所屬分類:
Java報表比較
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=”JavaScript”>
function shanchu(btn){
var cell=btn.parentElement;
report1.currCell=cell; //獲取當前觸犯單元格的焦點
_deleteRow(report1); //調用行式報表刪除行的js函數
}
</script>
2.4在網頁中查看效果,如下圖

文章轉自:http://blog.vsharing.com/fanfanzheng/A1289338.html