主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作

      FineReport 与润乾的 填报表 中提供了一个可以删除整行的功能按钮,但是这个按钮只能在报表的 toolbar 中使用,而有时为方便操作需要在报表中直接显示删除按钮。本文将通过一个例子来介绍一下在这两种报表中 删除当前行 按钮的制作。

FineReport报表通过可视化的面板设置来实现,非常直观。

润乾报表需要通过写htmljsp语句来实现,对不熟悉jsp的用户来说,有一定的局限性。


1. FineReport
报表的实现方法

1.1制作一个行式填报表

报表设计如下图



在网页中查看此填报表,效果如下图

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第1张图片

当点删除按钮时,会删除被选中的行,这里如果点删除按钮会删除年累为1的那一行。

1.2 添加删除当前行按钮

在报表中追加一列,D1中添加删除

 

右击D2单元格,选择控件设置,进行如下所示的设置

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第2张图片  

设置后报表如下:



1.3 在网页中再次查看此填报表,效果如下图

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第3张图片

当点删除按钮时,会删除被选中的行,这里如果点删除按钮会删除第4行。

这样,就在报表中成功插入了删除当前行的按钮,以后就可以很方便的删除数据,而不再需要去toolbar里寻找删除按钮了。

2. 润乾报表的实现方法

2.1 制作一个行式填报表

报表设计如下图



在网页中查看此填报表,效果如下图

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第4张图片

当点删除按钮时,会删除被选中的行,这里如果点删除按钮会删除供应商ID3的那一行。

2.2添加删除当前行按钮

在报表中追加一列,F1中添加操作,选中F2,鼠标右键-数据类型选择 数据类型为 HTML,输入内容<input name=”click1″ type=”button” style=”width:70;height:30″ value=”删除当前行” onClick=”shanchu(this)” >

如下图

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第5张图片

2.3在发布报表的jsp上增加如下js脚本

<script language=”JavaScript”>

function shanchu(btn){

var cell=btn.parentElement;

report1.currCell=cell; //获取当前触犯单元格的焦点

_deleteRow(report1); //调用行式报表删除行的js函数

}

</script>

2.4在网页中查看效果,如下图

主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作_第6张图片

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

 



欲了解更多中式java报表软件?请点击

你可能感兴趣的:(主流Java报表软件之王者争夺战:功能大PK系列之“删除当前行”按钮制作)