反馈已提交

网络繁忙

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

JS实现日期控件点击取消即可取消选择值

  • 文档创建者:Wendy123456
  • 历史版本:2
  • 最近更新:Wendy123456 于 2021-03-09
  • 1. 概述

    1.1 问题描述

    注:2020-07-08 及之后的 JAR 不会有该问题。

    点击下载示例模板:test.frm

    日期控件格式为 yyyy-MM ,点击日期控件选择日期后会立即传递参数,取消按钮无法真正取消所选择的日期,如下图所示:

    13.gif

    1.2 解决思路

    增加一个日期控件,用来中转。

    2. 操作步骤

    2.1 设置 date 控件为不可见

    选中 date 控件,取消勾选「可见」按钮。如下图所示:

    1615280580679888.png

    2.2 添加日期控件

    1)添加日期控件,格式改为:yyyy-MM,如下图所示:

    1615281030151834.png

    2)选中新添加的控件,为其添加编辑结束事件。如下图所示:

    1615281246239009.png

    JavaScript 代码如下所示:

    var dateWidget=this.options.form.getWidgetByName("date");  //获取名字是date的控件
    dateWidget.setValue(this.getValue(),false)  //将控件值设置成当前事件所在控件值
    dateWidget.fireEvent(FR.Events.AFTEREDIT);  //触发编辑后事件

    2.3 效果查看

    保存模板,点击「表单预览」,如下图所示:

    注:不支持移动端。

    14.gif

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\JS实现日期控件取消选择值后不再传递参数.frm

    点击下载模板:JS实现日期控件取消选择值后不再传递参数.frm

    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526