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

研究的工具是比較有代表性的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经常用法
curLGP current logicpane contentPane经常使用属性。仅仅有填报预览及表单预览下才有
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。