历史版本6 :JS自定义按钮提交当前行 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.需求描述编辑

在设置报表填报功能时,发现系统默认的提交按钮,点击后会将整个页面的数据进行提交入库操作。能否实现指定的内容行提交呢?

如图:

222

2.解决思路编辑

可通过添加自定义按钮,提交入库事件功能来实现。
222

3.解决步骤编辑

1)报表设计如下,在G3单元格添加一个普通按钮,按钮名称为提交:

222

2)选中按钮控件,添加点击事件-提交入库,如下:
222
3)设置提交入库的回调函数,如下:

222

具体js代码如下:

if (fr_submitinfo.success) { FR.Msg.toast('当前行提交成功'); location.reload(); } else { FR.Msg.toast('当前行提交失败'); }

4).设置完成后保存,以【填报预览】方式打开报表。

修改各行库存量的值,点击【系统提交按钮】后页面自动刷新,发现页面数据 都执行了提交入库操作

如图:
222

 修改各行库存量的值,点击【自定义提交按钮】后页面自动刷新,发现页面数据 只有当前行的值发生了变化,实现了当行提交,而其他行并未收到影响

222

已完成模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\自定义按钮实现单行提交.cpt

4.移动端效果编辑

222