自定义制作填报表的提交确认提示框
来源:互联网 发布:银行家算法 编辑:程序博客网 时间:2024/05/18 15:26
润乾填报表发布到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以后我们来看下增加了自定义提交提示框填报表的效果:
这样就可以实现在填报表中使用自定义提交确认提示框了,方便了web报表用户进行提交操作时的自定义设置,避免了误操作和误填报。
引自:润乾报表知识库
原文链接:自定义制作填报表的提交确认提示框
相关文章:缓存与实时报表; 动态修改报表背景图的绝对路径;api导出excel的四种实现方法;
其他相关内容: 润乾 ; 商业智能BI联盟 ; 报表软件 ;Java报表商业智能解决方案web报表的扩展功能
- 自定义制作填报表的提交确认提示框
- 自定义制作填报表的提交确认提示框
- 定制填报提交的“确认”提示框
- 制作填报表的流程图
- 填报表强提交
- android可重复利用的自定义提示确认框
- 自定义必填文本框的提示信息
- 填报表提交数据后跳转到新的页面
- 如何在填报表中使用自定义的下拉日历
- 用confirm确认提交动作,提交确认提示
- 润乾5填报表定时提交
- 润乾V5多层交叉填报表制作
- 提交确认的js
- Android确认提示框界面自定义及封装
- 提示确认框的简单使用
- DropDownList 确认提示后在提交(__doPostBack)
- 提交表单之前,加入确认提示
- 安卓开发:自定义双向选择确认框(“确认”“取消”提示)
- C# 中Datatime类用法总结
- Resharp快捷键
- Flex Ari中操作SQLite中使用事务
- 汇总c#.net常用函数和方法集
- 初来乍到……
- 自定义制作填报表的提交确认提示框
- Inherits语句
- C#中数值的进制转换总结介绍
- 收藏:温柔、抒情——《梦里的声音》,海蝶音乐神秘新人-张婧
- OCM Examination Guide
- 摸爬滚打,奋力前行
- 保持一颗纯净的心灵
- 怎么识别软件的各个版本
- 在一个类中的事件中 触发其他类的对象的事件