[通用]顶部参数面板插件

  • 文档创建者:susie
  • 编辑次数:18次
  • 最近更新:Carly 于 2020-07-09
  • 1. 概述

    1.1 版本

    报表服务器  JAR 包App顶部参数面板插件 HTML5 移动端展现插件
    功能
    10.02018-12-2710.210.2.1610.2.33

    仅支持 App 端

    10.02019-11-0610.4.4910.4.4510.4.49支持 App 和 HTML5 端

    1.2 预期效果

    模板默认参数界面是通过底部参数界面的漏斗过滤按钮调用的,点击后会跳转到新的页面编辑参数,再进行查询。

    部分用户可能不习惯该交互,希望参数界面能够直接在报表主体中显示,选择参数等也不需要进行页面跳转。如下图所示:

    1583074996987384.gif

    1.3 实现方法

    用户可以使用 顶部参数面板插件,自由选择参数面板的位置。

    移动端预览参数界面直接显示在主体中,选择参数后,自动刷新下方的报表数据,适用于数据量不多,参数个数较少且无复杂自定义控制的参数界面模板下。

    2. 示例

    2.1 插件安装

    插件下载请点击:顶部参数面板插件

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

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

    2.2 模板设置

    在报表设计器中,可以对 CPT 和 FRM 模板参数界面设置显示样式为顶部样式。

    打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\parameter\参数查询-phone.cpt

    点击参数面板,点击移动端,参数面板选择顶部,如下图所示:

    1572313978236609.png

    2.3 移动端预览

    保存模板,选择移动端预览

    2.3.1 App

    App 效果与本文 1.2 章节「预期效果」一致。

    2.3.2 HTML5

    注:部分版本不支持 HTML5 端的顶部参数面板,具体请参考本文1.1 版本章节。

    1583074294931409.gif

    3. 模板体验

    「顶部参数面板」插件在模板中的具体使用及效果,请根据需求选择下载 移动端 Demo 中 1.11 章节中的模板体验。

    4. 注意事项

    若参数面板中存在文本控件时,参数面板选择顶部,顶部显示筛选按钮,点击后从侧边栏进行输入查询,移动端效果预览效果如下图所示:

    1584615858242722.gif

    附件列表


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