自定义制作填报表的提交确认提示框

润乾填报表发布到web页面以后会自动生成一个提交按钮,点击此按钮后系统不做提示,直接进行填报。但是有些web报表用户希望在点击提交按钮后会弹出确认提示框,根据确认提示框点击是或者否再确定是否真的要进行填报,以免出现误操作、误填报。本文就来介绍一下怎样实现这种自定义提交提示框。

实现思路:
1. 提交提示框无非是一段JavaScript代码来实现的,所以先要编写自定义提交提示框的JavaScript并插入到发布报表的jsp中。
2. 在toolbar中添加新功能的按钮。由于报表本身带有提交按钮,如果再添加一个按钮就会重复,所以要屏蔽掉默认的提交按钮或者修改默认按钮调用的JavaScript方法。

下面根据思路来做一个例子,实现步骤如下:

第一步:修改toolbar.jsp,增加自定义javascript
打开toolbar.jsp(该jsp是在展现报表的showReport.jsp中调用的,是存放功能按钮代码的一个单独的jsp,可修改该jsp来进行增加修改页面中功能条),增加自定义提交提示框的JavaScript代码如下:
<script language=”javascript”>
function firm()//提交的函数名称
{
if(confirm(”是否保存”))//利用对话框返回的值(true 或者 false)
{
//如果是true ,则调用_submitTable( report1 )进行提交
_submitTable( report1 );
return true;
}
else
{
//否则则取消
alert(”你按了取消,返回页面”);
return false;
}
}
</script>

这样一段简单代码就实现了自定义提交提示框的基本功能,接下来只需要修改按钮调用到这段代码就可以实现效果了。如果需要其它提示框功能,也可照上述方法相应地自行添加。

第二步:设置页面提交按钮对应代码如下:
在toolbar.jsp中找到提交按钮的代码段
<a href=”#” onClick=”_submitTable( report1 );return false;”><%=submitImage%></a>
默认是通过一张之前定义的submitImage这张图片触发超链接提交的,提交时激活润乾内置的JavaScript脚本。现在我们需要对这行代码进行修改,调用第一步编写的自定义提交提示框的JavaScript代码。
<a href=”#” onClick=”firm()”><%=submitImage%></a> <!-这里的firm()方法是第一步时定义的 –>
修改完jsp以后我们来看下增加了自定义提交提示框填报表的效果:

1.png
这样就可以实现在填报表中使用自定义提交确认提示框了,方便了web报表用户进行提交操作时的自定义设置,避免了误操作和误填报。
引自:润乾报表知识库
原文链接:自定义制作填报表的提交确认提示框
相关文章:缓存与实时报表; 动态修改报表背景图的绝对路径api导出excel的四种实现方法

其他相关内容: 润乾 ; 商业智能BI联盟 报表软件Java报表商业智能解决方案web报表的扩展功能

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值