反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

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

  • 文档创建者:星踪
  • 历史版本:6
  • 最近更新:Carly 于 2023-08-30
  • 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 效果预览

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

    注:不支持移动端。

    3. 模板下载

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

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

    附件列表


    主题: 决策报表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526