决策报表控件实现点击查询按钮后才能查询

  • 文档创建者:星踪
  • 编辑次数:2次
  • 最近更新:Leo.Tsai 于 2020-02-13
  • 1. 概述

    1.1 问题描述

    某些情况下决策报表 body 组件里的控件在键入查询参数后会立即触发查询动作,如下图所示:

    E03A024D-6F9E-4A02-81B9-B215C6632515.GIF

    但有时候希望能做成和普通报表的参数面板一样,设置一个查询按钮,点击后查询按钮后才触发查询动作,如下图所示:

    3B2F2187-AACD-4980-BA31-E1D8D9F41784.GIF

    1.2 解决思路

    在控件的编辑后事件里用 return false 阻止原有的查询效果,然后在查询按钮里用 gotopage 去刷新报表块并实现传参效果。

    2. 示例

    2.1 报表设计

    1)新建决策报表,body 组件采用绝对布局,如下图分别将标签控件、下拉复选框控件、按钮控件、报表块拖入设计主体中,调整好大小和布局。

    Snag_2d934a.png

    2)选中下拉复选框控件,设置控件名称为a,定义好数据字典

    Snag_357bd4.png

    自定义数据字典如下图所示:

    Snag_372961.png

    3)选中下拉复选框控件,添加一个编辑后事件,JS 代码如下:

    return false;

    Snag_3c6864.png

    4)选中按钮控件,重命名为查询,并给控件添加一个点击事件,JS 代码如下:


    var a=_g().getWidgetByName('a').getValue();
    this.options.form.getWidgetByName("report0").gotoPage(1,"{a:'"+a+"'}",true);

    Snag_3fa515.png

    5)报表块的 A1 单元格添加公式split($a,',')

    Snag_4167c8.png

    2.2 效果预览

    保存报表,点击表单预览,效果如描述中所示。

    注:不支持移动端。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表控件实现点击查询按钮后才能查询.frm

    点击下载模板:决策报表控件实现点击查询按钮后才能查询.frm

    附件列表


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