JS获取最后编辑的值

  • 文档创建者:印然
  • 编辑次数:12次
  • 最近更新:Kevin-s 于 2019-12-19
  • 1. 概述

    1.1 问题描述

    有的时候想获取最后编辑的值,进行校验或者其他的操作


    1.2 实现思路

    可编辑的单元格对应一个 input 元素,当焦点在某个单元格时,该 input 元素便会添加一个 text 的 class 类,因此我们只需获取这个元素,便可以获得其 value 属性值。

    注:该方案不适用于有参数控件的场景。


    2. 示例

    2.1 操作步骤

    1)新建工作簿,表样设计如下:

    222

    设置 B1、B2 单元格的控件类型为文本型,B3 单元格的控件类型为数字型。

    2)点击模板>模板 Web 属性>填报页面设置,添加一个自定义按钮,如下图:

    image.png

    3)给自定义按钮添加如下 JS:

    image.png

    具体 JS 代码如下:


    var lasteditValue = $("input:text").attr("value"); //获取最后编辑的单元格的值
    if(lasteditValue > 100 || lasteditValue < 1){
    alert("年龄错误!"); 
    }

    4)保存模板,选择填报预览,依次输入值,输入最后一个单元格后不点击其他单元格,直接点击自定义按扭,可以看到,最后一个单元格进行了校验。


    2.2 预览效果

    保存模板,选择填报预览,PC 端实现效果下图所示:

    222


    注:移动端不支持该 JS


    3. 模板下载

    模板效果在线查看请点击:JS 获取最后编辑的值.cpt

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\54-JS获取最后编辑的值.cpt

    点击下载模板:54-JS获取最后编辑的值.cpt


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览