新移动端Html5方式预览报表插件

编辑
文档创建者:印然 (67260 )     浏览次数:29494次     编辑次数:32次     最近更新:susie 于 2018-11-13     

目录:

1. Html5报表插件安装及使用编辑

1.1 插件安装
可在插件商城下载新移动端Html5方式预览报表

设计器插件安装方法参照设计器插件管理

服务器安装插件方法参照服务器插件管理
1.2 移动端HTML5报表使用方法
安装好插件后,设计器中使用移动端预览,如下图:

222

然后用移动端扫码即可预览报表效果,详细操作步骤点击报表通过H5解析的预览方式,如下图:

222

注1:如果直接在浏览器中调用时,需要在报表路径后面加上参数&op=h5,例如:http://192.168.1.156:8075/webroot/decision/view/report?viewlet=1.cpt&op=h5
注2:如果模板挂载在fs中则不需要带参数,会自动识别是在手机上访问进行html5预览;微信中调用请参考企业微信集成,钉钉中调用请参考钉钉管理插件

2. Html5报表制作及手机效果编辑

2.1 手机页面大小
制作手机上的报表与PC端报表制作过程是一样的,为了让用户制作出适合手机尺寸的报表,在模板>移动端属性地方,勾选设置为手机模板画布大小,如下图:
222

注:若模板中有内容,在设置为手机端专属模版时,会触发另存为以“_mobile”为后缀的模板,详情参考:设置手机端模板 

2.2 报表参数界面的显示效果
Html5报表在手机上显示时,参数界面和PC端不一样,而是一个新的页面,页面的控件会自动布局,从上到下依次显示,根据参数界面>移动端中的顺序来显示,如下图:
222

效果如下图:

2.3 H5报表自适应
h5模板自适应的时候,点击模板>移动端属性,横屏和竖屏默认都为横向自适应,可以根据效果自主选择自适应方式,如果有超出部分则分页显示,可以通过下方工具栏的翻页按钮进行翻页。
222


附件列表


主题: 移动端
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?只是浏览 [ 去社区提问 ]