尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

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

报表笔记:删除数据时明明已删除再重新调用方法以刷新数据,无故导致 405,请懂的人不会再写前后端代码
📅 发布时间:2026/7/18 23:06:46

问题:删除数据时明明已删除再重新调用方法以刷新数据,无故导致 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);",确保点击子元素时父元素事件不被触发。

相关新闻

  • OpenClaw Agent实战指南
  • SQL 窗口函数性能调优:ROWS 和 RANGE 的执行代价差异
  • 2026深圳正规搬家公司全名录清单盘点:同城跨城报价明细、5大隐形收费拆解+正规服务商甄选避坑及场景适配指南 - 厚道搬家

最新新闻

  • 2026年安徽五莲红火烧板批发商对接选品采购指南 - 热点品牌推荐
  • 一种欠定盲源分离方法及其在模态识别中的应用(Matlab代码实现)
  • 2026年地区高铝耐火砖回收商挑选核心要点实用指南 - 热点品牌推荐
  • 2026年工程采购普通石英砂热门厂家哪个好 - 热点品牌推荐
  • 2026年中避暑攻略:知名留坝玩水纳凉地全推荐 - 品牌鉴赏官2026
  • Kimi LeetCode 3621. 位计数深度为 K 的整数数目 I Rust实现

日新闻

  • SaaS软件行业GEO实践:AI搜索时代的品牌可见性与获客新路径
  • 什么是PCTFE?医药高端包装的“防潮王牌“材料
  • 【JVM调优实战】16-可视化利器-JConsole-VisualVM-JMC

周新闻

  • SaaS软件行业GEO实践:AI搜索时代的品牌可见性与获客新路径
  • 什么是PCTFE?医药高端包装的“防潮王牌“材料
  • 【JVM调优实战】16-可视化利器-JConsole-VisualVM-JMC

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号