天天看点

报表中如何制作“删除当前行”的按钮

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

第一步:制作一个行式填报表

报表设计如下图

报表中如何制作“删除当前行”的按钮

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

报表中如何制作“删除当前行”的按钮

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

第二步:添加删除当前行按钮

在报表中追加一列,F1中添加操作,选中F2,鼠标右键-数据类型选择 数据类型为 HTML,输入内容

<input name=”click1″ type=”button” style=”width:70;height:30″ value=”删除当前行” onClick=”shanchu(this)” >

如下图

报表中如何制作“删除当前行”的按钮

第三步:在发布报表的jsp上增加如下js脚本

<script language=”JavaScript”>

function shanchu(btn){

var cell=btn.parentElement;

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

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

}

</script>

第四步:在网页中查看效果,如下图

报表中如何制作“删除当前行”的按钮

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

引自:润乾报表知识库

原文链接:报表中如何制作“删除当前行”的按钮

相关文章:显示值or真实值?——谈谈导出excel的数据显示; 可树形展开的折叠报表的制作;横向分页报表的标题切分;用润乾报表轻松实现动态排序;浏览式报表中如何使用checkbox

继续阅读