本帖最后由 jane 于 2016-6-22 16:07 编辑
【插件介绍:新版本移动端html5报表】
移动端浏览器html5报表迎来重大更新啦。1、支持表单模板的展现,并且可以有保留布局与自动重布局两种选择,可以快速制作精美的报表页面
2、支持pc、phone、pad上显示的目录结构不同,用户在pc上看到的报表目录结构和手机上看到的目录结构可以设置成不同
3、支持表单实现数据采集并提交入库
4、参数界面优化,增加参数过滤快捷按钮并支持直接返回目录,及查询前不现实报表内容属性
5、js缓存优化,提升展示性能
6、图表性能优化
7、cpt报表缩放调整并支持是否启用cpt报表的缩放
下载地址:http://market.fanruan.com/ShopServer?pg=product&pid=528#
注意:使用新版本要求服务器jar包时间为6月8日或更新,新特性图表插件版本为V7.2版本以上的唷
下面的效果图用到的demo模板下载:
手机表单demo.zip
(2.95 MB, 下载次数: 3956)
【效果展示】
1、表单的html5效果
2、目录中报表查看权限设置
3、表单数据采集填报
4、移动端手机报表制作时会用到的属性使用指南
随着表单保留布局及自适应布局功能的发布,在设计手机报表的时候,会用到的属性也增加了好几个,虽然属性的控制可以让设计的时候更灵活,但是确无疑会增加设计的难度。我们也在想方设法的让设计的时候更简单,与此同时,也将相关的属性以及用法在此做一个说明,让大家的用的时候能够更加清晰
# 表单body属性中新增“手机重布局”属性
手机重布局这个属性只针对手机,pc和pad上面始终是原始布局。这个就是是否要在手机显示的时候保留布局的开关,默认情况下是重布局的唷,即组件是依次往下显示,一行只会有一个组件唷,如果想手机上显示的时候就按照设计的布局来的话,记得勾选
# 表单中报表块属性中新增“手机显示限制高度”属性及高度的设置
这个通常使用默认的就可以了,有了这个属性,你的报表块设计的时候可以不需要去考虑最终的高度,在手机上面,报表块的高度会根据报表最终扩展出来的内容高度自动变化
当然这个属性有一定的局限性,就是如果你设置保留设计时候的布局,报表块旁边又有其他控件比如右边有个图表,那报表块高度就不会自动变咯,设计时的比例是什么样的就是什么样的
最后报表块如果设置了限制高度的话,高度的设置为屏幕高度的比例值哟,我们这边考虑到报表的滑动,所以报表块限制高度时最大占屏幕高度的0.8,如果大家在实际使用时,觉得比例不合适也可以及时反馈给我们
# 表单body属性中的“组件缩放”
表单body中还有一个属性“组件缩放”,大家也要关注一下唷,这个默认是“充满展现区域”,如果你的报表只在pc上看,设置为“充满展现区域”是非常合适的,但是如果是手机上看,就不太合适咯,所以如果是要兼顾手机端显示的话,“组件缩放”属性最好设置为“自适应原样缩放”会比较好
设置为保留布局并且“充满展现区域”的话,你的报表在手机上也会压缩到一个手机屏幕,每个组件都会按照设计的比例挤压显示唷,这个时候报表块的显示高度限制也就没啥用啦
5、体验demo 重点查看主题分析下的报表唷
|