总结“编辑”操作

170 阅读1分钟

目前遇到两种编辑情况:
1、调接口保存编辑: 项目管理/待建页面中,点击选中某行后,点击编辑按钮,将该行数据赋值给弹出框中的输入框,对其进行修改后,点击弹窗保存按钮,调用表格分页查询接口更新表格,完成编辑操作;\

image.png

2、不调接口保存编辑: ip申请中,双击某行弹出弹出框,将该行数据赋值给弹出框中的输入框,并对其进行修改,点击弹出框保存按钮,表格更新未调接口。(难点: 弹出框输入框与表格数据会同时更改,未点保存也为更改后的数据,需要对row进行格式转换,这样他们拷贝的地址就不同就不会同时更改;为每一行遍历循环加一个数字标识num=index,点击弹出框保存按钮时,循环便利表格数据与选中行的num进行对比,如果相等则进行赋值,从而实现更新选中行的表格)

步骤1:为弹出框的标题赋值为“编辑”,将本行数据row赋值给弹出框数据源,注意:要对row进行格式转换,否则弹出框数据会和表格数据同步更改
image.png

步骤2:为表格每一行加入num属性等于index
image.png

步骤3:对比表格数据源的num和弹出框row的num,相同的则赋值最新编辑后的值
image.png