移动端报表JS开发示例

摘要:
表示跳转到第√4页。填充预览报告支持的脚本函数名函数描述。实现内容窗格的补充说明。当前报表对象没有√verifyReport数据验证。只能使用填充表。只有填写预览和表单预览可以有√getCellValue(单元格)来获取指定单元格的值,包括1个参数。curLGP√getWidgetByCell的常用方法,用于获得指定单元格的控制,包括1个参数。

最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是”囊中羞涩”,但决定还是先抛砖引玉,拿点小干货出来和大家分享。

研究的工具是比较有代表性的FineReport。

1、  移动端哪些地方支持调用js

web事件分页预览填报预览
加载结束事件X
填报成功事件--

报表内部js单元格图表
超级链接js

控件事件参数控件填报控件表单控件
初始化后事件X
编辑前X
编辑后X
编辑结束X
点击X
状态改变

2、报表控件支持的脚本函数

函数名函数描述填报控件参数控件表单控件
setEnable设置控件的可用性
isEnable判断控件是否可用
setVisible设置控件的可见性
isVisible判断控件的可见性
setValue设置控件值
getValue获取控件的值
setText设置控件的显示值
getText获取控件的显示值
reset重置控件
fireEvent触发指定名字的事件

3、报表控件支持的脚本函数

函数名函数描述补充说明实现
contentPane当前报表对象
currentPageIndex当前所在页contentPane常用属性 只有分页预览报表才有
reportTotalPage总页数contentPane常用属性 只有分页预览报表才有
gotoFirstPage首页
gotoPreviousPage上一页
gotoNextPage下一页
gotoLastPage末页
gotoPage(n)跳转到某一页包含1个参数,表示跳转到第几页


4、  填报预览报表支持的脚本函数

函数名函数描述补充说明实现
contentPane当前报表对象
verifyReport数据校验只有填报表才可以用,contentPane常用方法
writeReport提交报表只有填报表才可以用,contentPane常用方法
verifyAndWriteReport数据校验后提交报表只有填报表才可以用,contentPane常用方法
curLGPcurrent logicpanecontentPane常用属性,只有填报预览及表单预览下才有
getCellValue(cell)获取指定格子的值包含1个参数,单元格,只有填报下有,curLGP常用方法
getCellValue(col, row)获取指定格子的值包含2个参数,列和行,只有填报下有,curLGP常用方法
setCellValue(cell, null, value)设置指定格子的值包含3个参数,单元格,空和值,只有填报下有,curLGP常用方法
setCellValue(col, row, value)设置指定格子的值包含3个参数,列,行和值,只有填报下有,curLGP常用方法
getWidgetByCell获取指定单元格中的控件包含1个参数,单元格,contentPane常用方法
getWidgetByName获取指定名字的控件包含1个参数,控件名,contentPane常用方法
getWidgetsByName获取指定名称的扩展控件,返回一个数组包含1个参数,控件名,contentPane常用方法

5、常用的工具类脚本函数

函数名函数描述补充说明实现
FR.Msg.alert弹出消息框函数包含3个参数,分别表示:标题,内容,回调函数
FR.Msg.confirm值确认弹出框函数包含3个参数,分别表示:标题,值,回调函数
FR.Msg.prompt可修改值的值确认弹出框函数包含4个参数,分别表示:标题,说明,值,回调函数
FR.Msg.toast在页面边缘出现的消息提示块,一小段时间后自动消失包含1个参数,表示要提示的信息
FR.cjkEncode进行cjk编码包含1个参数,字符串
FR.cjkDecode进行cjk解码包含1个参数,字符串
FR.location地理位置获取包含一个回掉函数返回获取状态及信息
FR.doHyperlinkByGet /FR.doHyperlinkByPost超级连接包含2个参数,分别表示:超链的url, 传递的参数
FR.ajax异步请求函数/
_g().parameterCommit()分页预览及填报预览自动查询/
contentPane.setAppearRefresh()页面再现的时候自动刷新/

以上对应着报表的功能大致罗列了以下框架,下面先举一些小示例

获取控件的一系列方法

this.options.form.getWidgetByName("控件名");  //参数界面及表单中获取控件
contentPane.getWidgetByCell("单元格");  //填报界面获取控件
contentPane.getWidgetByName("控件名");   //填报界面获取控件

填报成功后刷新当前页

var url = "/WebReport/ReportServer?reportlet=js/shauxindangqian.cpt&op=write&__replaceview__=true";
FR.doHyperlinkByGet(url,{para:paravalue});  //刷新当前页面

js获取表单图表组件并刷新数据

var c=FR.Chart.WebUtils.getChart("chart0");
c.dataRefresh();

延时函数

setTimeout(function() {  }, 500);

A超链至B填报,B提交数据后返回A时,A自动刷新显示新的数据

contentPane.setAppearRefresh();  //在A的加载结束后事件中添加js

 以后会陆续分享一些移动端实用功能的应用实例啦,还有HTML5。










免责声明:文章转载自《移动端报表JS开发示例》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【MAF】MAF插件框架简介Tomcat 学习笔记(二)监控下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Unity3D面试题总结

一.什么是渲染管道? 是指在显示器上为了显示出图像而经过的一系列必要操作。 渲染管道中的很多步骤,都要将几何物体从一个坐标系中变换到另一个坐标系中去。 主要步骤有: 本地坐标->视图坐标->背面裁剪->光照->裁剪->投影->视图变换->光栅化。 二.如何优化内存? 有很多种方式,例如 1.压缩自带类库; 2.将...

ORACLE 11GR2常用参数(含隐含参数)设置

ORACLE 11GR2常用参数(含隐含参数)设置如下: alter system set "_PX_use_large_pool" = true scope=spfile;alter system set "_clusterwide_global_transactions" = false scope=spfile;#RAC环境 https://www....

JS-获取URL请求参数

前言:原来做过一个项目,需要实现一个页面打印的功能,由于项目中使用了AngularJS+Bootstrap等前端框架,需要打印的页面又在弹出框中,使用了Bootstrap的模态框后发现打印的效果不太好,后来就使用原生的方式弹出一个新的窗口,不过新的窗口中的某些数据又需要从前一个页面中获取,使用AngularJS框架后发现从后台返回的页面总是被封装成一个对象...

gin是怎么传参数

gin 源码阅读系列文章列表: gin 源码阅读(1) - gin 与 net/http 的关系gin 源码阅读(2) - http请求是如何流入gin的?gin 源码阅读(3) - gin 路由的实现剖析 hi,大家好,我是 haohongfan。 通过 gin 的路由,已经把请求分配到具体的函数里面里面了,下面就要开始处理具体的业务逻辑了。 这里就进入...

批处理命令大全

  1.Echo 命令打开回显或关闭请求回显功能,或显示消息。如果没有任何参数,echo 命令将显示当前回显设置。语法echo [{on|off}] [message]Sample:echo off / echo hello world在实际应用中我们会把这条命令和重定向符号(也称为管道符号,一般用> >> ^)结合来实现输入一些命令到特...

Linux驱动中的异步函数(aio_read和aio_write)

Linux驱动中的异步函数(aio_read和aio_write) 我们可以在signal_handler使用了read和write函数处理设备文件的读写操作。然而这两个函数可以分别用aio_read和aio_write代替。在本节将重新改造signal驱动,使用aio_read和aio_write函数来处理设备文件的读写操作,新的Linux驱动源代码文件...