FineReport與潤(rùn)乾的填報(bào)表中提供了一個(gè)可以刪除整行的功能按鈕，但是這個(gè)按鈕只能在報(bào)表的toolbar中使用，而有時(shí)為方便操作需要在報(bào)表中直接顯示刪除按鈕。本文將通過(guò)一個(gè)例子來(lái)介紹一下在這兩種報(bào)表中“刪除當(dāng)前行”按鈕的制作。
FineReport報(bào)表通過(guò)可視化的面板設(shè)置來(lái)實(shí)現(xiàn)，非常直觀。
潤(rùn)乾報(bào)表需要通過(guò)寫html與jsp語(yǔ)句來(lái)實(shí)現(xiàn)，對(duì)不熟悉jsp的用戶來(lái)說(shuō)，有一定的局限性。
1. FineReport報(bào)表的實(shí)現(xiàn)方法
1.1制作一個(gè)行式填報(bào)表
報(bào)表設(shè)計(jì)如下圖
在網(wǎng)頁(yè)中查看此填報(bào)表，效果如下圖
當(dāng)點(diǎn)刪除按鈕時(shí)，會(huì)刪除被選中的行，這里如果點(diǎn)刪除按鈕會(huì)刪除年累為1的那一行。
1.2 添加“刪除當(dāng)前行”按鈕
在報(bào)表中追加一列，D1中添加刪除
右擊D2單元格，選擇控件設(shè)置，進(jìn)行如下所示的設(shè)置
設(shè)置后報(bào)表如下：
1.3 在網(wǎng)頁(yè)中再次查看此填報(bào)表，效果如下圖
當(dāng)點(diǎn)刪除按鈕時(shí)，會(huì)刪除被選中的行，這里如果點(diǎn)刪除按鈕會(huì)刪除第4行。
這樣，就在報(bào)表中成功插入了刪除當(dāng)前行的按鈕，以后就可以很方便的刪除數(shù)據(jù)，而不再需要去toolbar里尋找刪除按鈕了。
2. 潤(rùn)乾報(bào)表的實(shí)現(xiàn)方法
2.1 制作一個(gè)行式填報(bào)表
報(bào)表設(shè)計(jì)如下圖
在網(wǎng)頁(yè)中查看此填報(bào)表，效果如下圖
當(dāng)點(diǎn)刪除按鈕時(shí)，會(huì)刪除被選中的行，這里如果點(diǎn)刪除按鈕會(huì)刪除供應(yīng)商ID為3的那一行。
2.2添加“刪除當(dāng)前行”按鈕
在報(bào)表中追加一列，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ā)布報(bào)表的jsp上增加如下js腳本
<script language=”JavaScript”>
function shanchu(btn){
var cell=btn.parentElement;
report1.currCell=cell; //獲取當(dāng)前觸犯單元格的焦點(diǎn)
_deleteRow(report1); //調(diào)用行式報(bào)表刪除行的js函數(shù)
}
</script>
2.4在網(wǎng)頁(yè)中查看效果，如下圖
文章轉(zhuǎn)自：http://blog.vsharing.com/fanfanzheng/A1289338.html