决策报表内图片控件插件

  • 文档创建者:jiangsr
  • 编辑次数:13次
  • 最近更新:Kevin-s 于 2019-11-07
  • 1. 概述

    1.1 版本

     报表服务器版本JAR 包版本 图片控件设计器插件版本 App版本
    HTML移动端展现插件版本
    10.02019-07-10V1.9.2V9.3V1.8.3
    9.02017-08-01V1.8.9
    8.02017-08-01V1.8.9

    注1:此插件只适用于决策报表。

    注2:此控件在决策报表设计的时候不能拖入参数面板。

    1.2 应用场景

    如果决策报表中想要插入图片,只能通过新建报表块再在报表块中插入图片的方式,极大影响了决策报表开发的自由度。

    因而我们提供了图片控件设计器插件,决策报表中可以通过控件的方式添加图片。

    1.3 功能介绍

    • 这个插件把以往只能把图片插入单元格的形式脱离了出来,可以使设计者在决策报表中随意的插入图片。

    • 因为控件可以随意拖动,同时还能设置超级链接,这样就可以通过选择精美的图片来设计想要的按钮模式。

    • 像在原来报表中一样方便地设置图片的效果,可以用于决策报表头部的 logo 和 banner 设计。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:图片控件设计器

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

    服务器安装插件方法参照 服务器插件管理

    2.2 操作方法

    插件安装后,将控件管理面板的图片控件拖入到报表设计主体中,在右下方的属性面板添加图片和设置属性。 

    Snag_38ebb57b.png

    2.3 属性设置

    1)图片

    点击图片编辑按钮,选择图片后,点选图片的样式,点击确定即将图片添加到决策报表中。

    图片的样式分为:

    • 默认:即原图显示,如果组件大小<原图大小,则从左上角开始,多出部分截断不显示。

    • 平铺:即图片重复以铺满组件。

    • 拉伸:即以图片组件宽高进行自适应,如果图片小则拉伸填充组件,否则进行压缩填充。

    • 适应:即以图片宽高原比例自适应组件大小。

    Snag_19d613.png

    2)链接

    可以给图片添加超级链接,点击图片可以触发超级链接,其设置方法跟在单元格中添加超级链接是一样的,详情参见文档超级链接

    注:移动端不支持超链到「悬浮窗图表」和「文件下载」。

    Snag_210946.png

    2.4 移动端设置

    选中决策报表的主体body,移动端属性勾选手机端重布局,并将图片控件排列在第一位,如下图所示:

    手机端重布局设置参见文档[通用]手机重布局

    1535679480QAtZ3aH2.png

    附件列表


    主题: 决策报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!