谷粒商城46 - 前端-商品服务-API-三级分类-基本修改效果完成
发布日期:2021-06-30 13:11:31
浏览次数:3
分类:技术文章
本文共 1138 字,大约阅读时间需要 3 分钟。
文章目录
需求
树形结构上新增update 链接, 点击后, 弹窗回显分类信息 , 输入相关信息, 点击确定进行修改, 页面显示修改的数据.
新增修改的案例
新增update修改的按钮, 用update方法接收数据
update方法中, 获取点击的修改的分类信息, 并且打开 分类修改的弹窗. 向后端发送请求, 获取数据. 进行回显.对弹框进行修改
弹框的表单新增图标和计量单位 输入框. 用category.icon 和 category.productUnit 进行双向绑定.
并且修改点击确定后的方法 为submitData方法 submitData 方法如下, 根据是点击的append 还是 update , 去赋值 dialogType 的值, 调用添加分类或修改分类的方法. data中,定义了title 和 dialogType 根据新增和修改 动态的赋值 修改时, 点击确定后, 触发 editCategory 方法, 注意只提交要修改的数据和id , 不能提交其他数据, 否则数据库中会修改其他数据为默认值,导致数据丢失.. 修改完成之后, 关闭弹窗, 重新获取分类, 重新显示勾选的分类. 由于修改和添加共用的一个 表单, 因此在点击添加的append的时候, 要把绑定 的值初始化, 特别是catId 设置为null , 只有设置为null , 才代表新增.测试
点击了update进行了回显
修改发送的请求 回显 测试新增 测试新增 新增发送的请求 页面成功进行了新增完整代码
{ { node.label }} append(data)"> Append update remove(node, data)"> Delete
转载地址:https://javaweixin6.blog.csdn.net/article/details/107882992 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年04月10日 05时43分37秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
2019NOIP D4题 加工领奖
2019-04-30
2021.5.19 JS高级第二天
2019-04-30
啊沙发沙发
2019-04-30
SpringBoot内置Tomcat配置参数
2019-04-30
局部加权回归
2019-04-30
Mysql 入门
2019-04-30
linux 查看文件夹权限
2019-04-30
ubuntu 快捷键
2019-04-30
linux 根目录下文件夹分析
2019-04-30
linux 查看分区和文件大小
2019-04-30
Not using PCAP_FRAMES 解释(snort中)
2019-04-30
技术转管理?这些“坑”你要绕道走
2019-04-30
领域驱动设计(DDD)前夜:面向对象思想
2019-04-30
Camera驱动调试小记
2019-04-30
对于中断函数返回值的分析
2019-04-30
四线触摸屏原理
2019-04-30
C/C++如何返回一个数组/指针
2019-04-30
腾讯AI语音识别API踩坑记录
2019-04-30
YbtOJ——递推算法【例题4】传球游戏
2019-04-30
YbtOJ——字符串处理【例题1】数字反转
2019-04-30