js实现删除行前先确认

编辑
文档创建者:文档助手1 (67727 )     浏览次数:4779次     编辑次数:10次     最近更新:jiangsr 于 2017-12-25     

目录:

1. 问题描述编辑

在对行式填报表进行操作时,希望实现如下图所示的效果即点击删除行按钮时,弹出确认删除对话框,若点击确认则删除数据并提交入库;若点击取消,则不执行任何操作。
222

2. 实现思路编辑

通过给删除行按钮增加一个点击事件,在JS中通过返回值的不同来实现不同操作。
可以通过contentPane.deleteReportRow()方法进行间接的删除二次确认的操作,方法请参考:删除行操作提示并二次确认

3. 示例编辑

3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm5.cpt
3.2 修改JS事件
将原来删除行按钮中的点击事件JS修改成带有确认框的JS,具体JS如下:
if(confirm("确认删除")) //弹出确认删除对话框 { setTimeout(function() { _g('${sessionID}').writeReport(); //执行提交入库操作 }, 2000); return true; //点击确定时,返回值为true,执行如上操作。 } else { return false; //点击取消时,返回值为false,不执行操作。 }
注:删除行操作默认过程是页面先删除选中的行,再提交入库,因此需要延迟2秒,等页面删除了数据后再执行提交入库事件。
3.3 效果查看
点击填报预览后,再点击删除按钮即可弹出如上图所示的对话框,然后通过选择确定或者取消按钮来进行操作。在线查看模板效果请点击ConfirmBeforeDelete.cpt

具体的模板设置可参考:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FormFAQ\ConfirmBeforeDelete.cpt

附件列表


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

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: