知识库

推荐内容

快逸做的更好

产品优势

您的位置: 首页 > 知识库 > 填报技术 > 自定义制作填报表的提交确认提示框

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

快逸填报表发布到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>
修改完jsp以后我们来看下增加了自定义提交提示框填报表的效果:

自定义提交提示框效果.PNG

这样就可以实现在填报表中使用自定义提交确认提示框了,方便了web报表用户进行提交操作时的自定义设置,避免了误操作和误填报。

本文标签:
发布日期:2009/10/19
本文分类: 填报技术