移动端报表JS开发演示样例

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

研究的工具是比較有代表性的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。

转载于:https://www.cnblogs.com/liguangsunls/p/7395992.html

移动端报表JS开发演示样例相关推荐

移动端报表JS开发示例--获取定位
上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例.之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功能. 1 ...
java获取移动端定位_移动端报表JS开发示例--获取定位
上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例.之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功能. 1 ...
Androidclient与服务端交互之登陆演示样例
今天了解了一下androidclient与服务端是如何交互的,发现事实上跟web有点类似吧,然后网上找了大神的登陆演示样例.是基于IntentService的 1.后台使用简单的servlet,支持G ...
移动端报表JS开发示例
最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比较有代表性的FineReport. 1. ...
SNF快速开发平台MVC-各种级联绑定方式，演示样例程序（包含表单和表格控件）...
做了这么多项目,经常会使用到级联.联动的情况. 如:省.市.县.区.一级分类.二级分类.三级分类.仓库.货位. 方式:有表单需要做级联的,还是表格行上需要做级联操作的. 实现:实现方法也有很多种方式. ...
【COCOS2D-HTML5 开发之三】演示样例项目附源代码及执行的GIF效果图
本站文章均为李华明Himi 原创,转载务必在明显处注明:(作者新浪微博: @李华明Himi ) 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/coc ...
arcsde java_ArcSDE SDK For Java二次开发介绍、演示样例
在一个工作中,遇到了须要java后台来查询ArcGIS 中用到的Oracle数据库空间数据,因为对ArcGIS空间数据首次接触,仅仅知道Oracle能够使用ST_GEOMETRY字段存储,例如以下图 ...
百度地图 Android SDK - 检索功能使用的简单演示样例
百度地图 SDK 不仅为广大开发人员提供了炫酷的地图展示效果.丰富的覆盖物图层,更为广大开发人员提供了多种 LBS 检索的能力. 通过这些接口,开发人员能够轻松的訪问百度的 LBS 数据,丰富自己的移 ...
最简单的视音频播放演示样例5：OpenGL播放RGB/YUV
===================================================== 最简单的视音频播放演示样例系列文章列表: 最简单的视音频播放演示样例1:总述最简单的视音频 ...

移动端报表JS开发演示样例

移动端报表JS开发演示样例相关推荐

最新文章

热门文章