删除行操作提示并二次确认

编辑
  • 文档创建者:MOMO_KANA
  • 浏览次数:6919次
  • 编辑次数:16次
  • 最近更新:胡透透 于 2019-12-06
  • 1. 问题描述

    在实际操作中,Finereport 默认的删除按钮,点击删除不进行提示,因此可能会出现误删的情况,这样的操作用户体验感比较差。所以很多时候删除行操作需要二次确认再进行删除操作,如下图所示的效果,即点击删除时,弹出确认删除的提示框。
    image.png

    2. 解决方案

    通过翻阅帆软的 JS API 发现可以通过contentPane.deleteReportRow()方法进行间接的删除二次确认的操作。

    也可以直接给删除按钮添加 JS,删除时进行二次提醒并通过返回值的不同来实现结果,确认后可直接提交入库,方法请参考:JS 实现删除行前先确认

    3. 实现步骤

    1)报表设计如下:

    222

    2)在 G3 单元格添加删除按钮。设置如下图:

    image.png

    3)选择模板->报表填报属性,添加内置 SQL,进行智能提交。
    image.png

    注:设置完成后,此时填报预览点击删除按钮后,没有确认提示。

    4)在原来删除按钮后面添加一个普通按钮,并设置左父格为删除按钮。
    image.png

    5)为普通按钮创建点击事件,传递参数row为公式row(),并添加 JS 代码。

    image.png

    JS 代码如下:


    FR.Msg.confirm("警告","确定要删除吗?",function(value){
    if(value){
    contentPane.deleteReportRow("G"+row, 0, 1)  //字母G为内置的删除按钮所在列
    }else{
    }
    })

    说明:

    deleteReportRow(location,reportIndex,count) /*删除行按钮使用的删除行方法(该方法类似依赖于内置的删除,类似于模拟点击删除按钮事件)*/

    location:Object/*删除行按钮所在的位置*/

    reportIndex:Object/*sheet序号*/

    count:Object/*行数 删除行,传不传都是删除 1 行*/

    隐藏删除行按钮列,保留普通按钮为显示状态。

    222

    6)保存点击填报预览再点击删除按钮即可弹出确认删除的对话框,然后通过选择确定或者取消按钮来进行操作。
    222


    在线查看模板效果请点击 删除行操作提示并二次确认.cpt

    已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\删除行操作提示并二次确认.cpt

    4.移动端效果

    不支持移动端




    附件列表


    主题: 填报应用
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

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

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