FastAdmin前端系列3--实现表单提交成功后不刷新当前表格,不影响全局原有的使用逻辑,只针对指定的表单

前言

今天有个小伙伴在社区提了一个问题,他的问题是怎么实现编辑成功后不刷新当前表格,只是有个表格需要这样,不能影响其他表格原有的提交成功即刷新表格的逻辑。觉得需求有点奇怪,且不是常常会被使用的,但正好今天没啥事,于是就研究了下。

声明一下:我不熟悉require.js的用法,如果有更好的方法实现,也希望大家补充哈。我的思路是加一个是否刷新的参数,在执行刷新的代码前拿到参数加以判断。

第一步:找到刷新表格的代码

public/assets/js/require-form.js文件里:

parent.$(".btn-refresh").trigger("click");

然后给它加层判断:(参数norefresh:是否执行刷新)

if (!norefresh) {    console.log('刷新当前表格');
    parent.$(".btn-refresh").trigger("click");
} else {    console.log('不刷新当前表格');
}

第二步:往上传递追加相应参数

public/assets/js/require-form.js文件里:
events.validator追加上参数norefresh,如下图:

image.png

api.bindeventevents.validator都追加上参数norefresh,如下图:

image.png

第三步:在对应的js里调用即可(如test.js)

api.bindevent加参数norefresh,修改下Form.api.bindevent默认写法,追加参数,如下图:

image.png

edit里的Controller.api.bindevent();加上参数true,代表编辑成功后不刷新表格

image.png

至此,就完事了,小伙伴们放心去测试体验下吧,在当前表格编辑一下,添加一下,再到其他表格添加一下编辑一下,没bug的话就点赞鼓励呗,有问题评论贴出咯。


«    2025年7月    »
123456
78910111213
14151617181920
21222324252627
28293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
    文章归档
    网站收藏
    友情链接

    Powered By Z-BlogPHP 1.7.4

    周易八字研究笔记 豫ICP备2021017518号-3     豫公网安备41077102000113