[通用]设置顶部参数面板

  • Last update:March 18, 2022
  • 1. 概述

    1.1 版本说明

    报表服务器 AppHTML5 移动端展现插件
    11.011.0V11.0

    1.2 预期效果

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

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

    注:标签控件不支持移动端的参数面板。

    1583074996987384.gif

    1.3 实现方法

    用户可以设置「顶部参数面板」,自由选择参数面板的位置。

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

    2. 示例

    2.2 模板设置

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

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

    点击编辑「参数面板」,点击「移动端」,参数面板选择「顶部」,默认「自动查询」点击取消勾选,完成点击「确定」。如下图所示:

    注:勾选了「自动查询」,设置了某个条件后,会立即进行查询,详情可参见 4.3.2 节。

    2021-10-25_16-37-01.png

    2.3 移动端预览

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

    2.3.1 App

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

    2.3.2 HTML5

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

    1583074294931409.gif

    3. 模板体验

    「顶部参数面板」在模板中的具体使用及效果,可点击下载:参数查询.zip

    4. 注意事项

    4.1 数据筛选效果

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

    1584615858242722.gif

    4.2 控件显示效果

    10.4.975 版本对顶部控件的显示效果进行了优化,优化点如下:

    4.2.1 控件初始化显示规则

    • 控件有默认值:显示设置的控件值。(如果多值控件设置了多个默认值,则显示第一个值+选中个数)

    • 控件无默认值:按水印>标签名称>都为空的顺序来显示,对应的设置位置如下图所示:

    Snag_4068d1b.png

    示例效果如下图所示:

    Screenshot_20201204_101251_com.tencent.mm.jpg

    4.2.2 选中值显示规则

    • 单值控件:切换后显示选中的值。

    • 多值控件:切换后显示第一个值+选中个数,其中选中个数图标代替初始化选值图标。

    Screenshot_20201204_103711_com.tencent.mm.jpg

    4.3 条件筛选优化

    10.4.976 版本对较多筛选条件的显示效果进行了优化,优化点如下:

    4.3.1 多条件筛选

    当条件数<=4时,所有条件都可以直接显示在一行,如下图所示:

    1.jpg

    当条件数>4时,多出的条件会收纳到「更多」里,用户可以下拉设置其他条件,如下图所示:

    2.jpg

    4.3.2 自动查询

    样式模板选择「顶部」时,点击右侧的编辑按钮,可以选择是否开启数据自动查询,如下图所示:

    1610936544933290.png

    勾选了「自动查询」,设置了某个条件后,会立即进行查询,效果如下图所示:

    1610937396927468.gif

    不勾选「自动查询」,设置了某个条件后,需要点击右边的查询按钮,才能进行查询,如下图所示:

    1610937438371014.gif

    Attachment List


    Theme: 移动端应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy