您的位置:首页资讯办公专区 → finereport怎么自定义参数界面

finereport怎么自定义参数界面

时间:2015/2/26 9:00:58来源:pc6整理作者:cz我要评论(0)

在finereport可以使用自定义的方式实现条件表单界面,这样就可以不使用finereport中的内置参数。下面小编就为大家介绍一下finereport怎么自定义参数界面

我们以html网页为例简单说明,最终效果如下:

打开模板%FR_HOME%WebReport\WEB-INF\reportlets\demo\parameter\number.cpt

切换至参数界面,在左上角的设置按钮中,去掉显示参数窗体和点击查询前不显示报表内容两个选项前的勾,如下图


模板另存为%FR_HOME%WebReport\WEB-INF\reportlets\demo\parameter\number1.cpt

自定义表单界面

实际系统中使用的框架不同,控件的种类和定义方法也不同,因此如上图中的表单查询界面我们不做介绍,用户自行实现,该例使用最简单的html元素。

主要注意的是form表单的action地址及表单提交结果显示位置target;

如该例中定义form表单时没有指定action,target的值为嵌入报表的iframe名字。

另外我们在点击查询按钮时需要先获取控件值,并且需要进行cjkEncode,因此查询按钮type使用button,不要使用submit(直接触发action)。

表单提交事件

点击“查询”按钮时,触发autoSubmit(),在该方法中通过js获取表单控件的值,拼接出完整的报表访问路径,并对最终的url进行cjkEncode编码。

将最终的报表url赋给form的action,并触发提交,返回的报表结果就会显示在指定的iframe中。

注:需要引入cjkEncode源码或finereport.js才能使用cjkEncode方法,详见Web传递中文参数文档。

示例完整代码

已完成页面查看%FR_HOME%\WebReport|page_demo\parameter.html

软件名称:FineReport报表软件v8.1免费版
软件大小: 395M
下载地址:http://www.pc6.com/softview/SoftView_17156.html

相关视频

    没有数据

相关阅读 FineReport报表如何进行数据可视化分析FineReport应该怎么升级 FineReport升级方法FineReport怎么制作聚合报表 FineRepor聚合报表制作教程wps文字怎么查找和替换 wps文字查找和替换教程wps怎么繁体转简体 wps文字中文简繁转换功能用法wps怎么隐藏文字 wps隐藏文字教程wps艺术字在哪里 wps文字艺术字使用方法wps怎么纵向打印 wps纵向打印设置方法

文章评论
发表评论

热门文章 有道云笔记网页剪报怎wps怎么自动生成目录 wps怎么删除空白页面

最新文章 ppt字体怎么不一样 ppwps表格怎么启用宏 wp word打字后面的字消失怎么办 word打字后面的协同办公软件有哪些 协同办公软件那个好用word怎么做简历 word简历制作教程Outlook删除的邮件如何恢复 Outlook恢复已删

人气排行 wps怎么自动生成目录 wps自动生成目录操作方wps怎么在方框里打钩 wps方框里打钩操作方wps表格怎么求和 wps表格求和怎么操作wps自动备份在哪里 wps自动备份怎么设置和wps表格如何调整行距 wps表格设置行高图文教wps工具栏怎么调出来 wps怎么调出工具栏wps怎么隐藏表格 wps表格怎么取消隐藏wps怎么做表格教程 wps表格怎么合并单元格