JS获取最后编辑的值

编辑
  • 文档创建者:印然
  • 浏览次数:5275次
  • 编辑次数:10次
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 描述

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


    2. 实现思路

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

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


    3. 实现步骤

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

    222

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

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

    222

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

    222

    具体 JS 代码如下:

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

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


    4. 预览效果

    4.1 PC 端预览效果

    222



    4.2 移动端预览效果

    注:移动端不支持该 JS


    5. 已完成模板

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

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

    点击下载模板


    附件列表


    主题: 二次开发
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]