news 2026/7/18 23:01:00

报表笔记:删除数据时明明已删除再重新调用方法以刷新数据,无故导致 405,请懂的人不会再写前后端代码

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
报表笔记:删除数据时明明已删除再重新调用方法以刷新数据,无故导致 405,请懂的人不会再写前后端代码

问题:删除数据时明明已删除再重新调用方法以刷新数据,无故导致 405,请懂的人不会再写前后端代码

咏方舟-长流支流 2026-07-18

由于报表在移动端时不宜显示太多字段,于是将主要字段显示,其它字段以展开发的方式显示,点击删除,正常结果是删除后,刷新数据,然后单步查看数据是删除了,但是出现了405。
在移植报表的时候,碰到这个问题,调试了很久,后来才想起来我的折叠行是子元素,因为我封装了以后其实是前端、后端再也一行代码也不用写的,现在是把报表加上CRUD以便于不用代码生成器,直接配置就事大吉。

请读完,一定会有收获。如果你仔细看了图文并想明白里面的编程思想,相信你以后不用再写一行前端代码、也不用再写一行后端代码,

现象

点击展开行中的“删除”按钮(为了方便调试我把主键ID值都显示到按钮旁边),页面出现 405 错误,我特意在刷新函数时写个alert(‘删除成功’)也没弹出来。

原因

子元素应用了单击事件,展开行也用了单击事件,所以点删除后,事件向上冒泡,引发了父元素的单击事件,所以根本到不了刷新函数。

解决方案

去掉冒泡

sb.AppendLine("function doEdit(element) {");sb.AppendLine(" var evt = window.event || event;");sb.AppendLine(" if (evt) {");sb.AppendLine(" evt.preventDefault();");sb.AppendLine(" evt.stopPropagation();");sb.AppendLine(" }");sb.AppendLine(" var id = $(element).siblings('.row-id').text().trim();");sb.AppendLine(" if (!id) {");//...

经验总结

1、配置的时候,注意用布局自动渲染模板里的doEdit(this),并在边上加一个隐藏的span以便于doEdit读取ID值,这是编程技巧,但是挡不住现在把ORM的增删改直接接进去,敲了一天代码头都蒙了一时没转过弯。

2、父元素有onclick="webmisGrid.doFoldExpandView(this,true)",点击“删除”按钮时事件冒泡到父元素,触发了展开/折叠逻辑,导致页面刷新或额外请求。
3、删除按钮的点击事件没有阻止冒泡,doDelete内部的return false不能阻止事件传播。
3. 解决方案:在doDelete内部用event.stopPropagation()阻止冒泡,或直接在模板按钮上加onclick="event.stopPropagation(); doDelete(this);",确保点击子元素时父元素事件不被触发。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/18 22:59:54

组件库版本兼容矩阵:向后兼容的系统化保障方案

组件库版本兼容矩阵:向后兼容的系统化保障方案 一、组件库的发版焦虑:为什么每次升级都像拆盲盒 组件库的版本升级是前端基础设施中最容易引发连锁故障的操作。一个看似无害的 minor 版本升级——比如将 Button 组件的 type prop 的默认值从 default 改为…

作者头像 李华
网站建设 2026/7/18 22:59:33

Cursor实时通知系统落地实践(从0到支撑50万DAU的推送链路拆解)

更多请点击: https://kaifayun.com 第一章:Cursor实时通知系统的演进与定位 Cursor 实时通知系统并非从零构建的全新模块,而是伴随 IDE 核心能力演进而持续重构的通信中枢。早期版本依赖轮询机制触发轻量级状态同步,存在延迟高、…

作者头像 李华
网站建设 2026/7/18 22:58:47

编译原理硬核语法制导翻译——给文法赋予“含义“(五)

1. 定位导航 建立了语法的形式(CFG → 分析树)。本篇往树上"挂东西": 文法(形式)  +  属性与语义规则(含义)  =  语法制导定义 (SDD)\text{文法(形式)} \;+\; \text{属性与语义规则(含义)} \;=\; \text{语法制导定义 (SDD)}文法(形式)+

作者头像 李华
网站建设 2026/7/18 22:58:33

精成会通专注见真章专注无纸化会议系统

在数字化转型浪潮中,会议作为企业沟通与决策的核心场景,正在经历一场从传统纸质化向智能化、无纸化的深刻变革。广州精成会通电子科技有限公司,深耕无纸化会议领域多年,凭借“专业专心专注”的核心理念,为党政军警、金…

作者头像 李华
网站建设 2026/7/18 22:56:04

跨省搬家寄大件真实分享,物流+包装200斤花费170

最近因为工作调动跨省搬家,从石家庄寄到上海,200斤的行李运费加包装费一共才花了170,朋友们都夸我是省钱小能手,一起来看看我是怎样省钱的吧!首先说一下包装,其实自己包装一次后发现,大件打包其…

作者头像 李华