zoukankan      html  css  js  c++  java
  • antd

    在进行Table列表和Form表单混合使用的时候,有时候有添加按钮,每次新添一条table列表,之后提交的时候拿到所有table列表中的值,此时应该怎么使用?

    先定义一个暂存action构造函数,为了后面数据可以进行暂存修改。

    1、首先当获取这个table列表的时候,给每一条数据添加一个key值,可以定位修改的每一条数据

    2、当点击添加时,给数据concat合并一条数据,并添加key值

    3、当对数据中编辑的时候,添加一个暂存功能,记录每一条数据的内容。

    4、提交时获取所有数据

    删除:

    1、先判断是否含有id值,如果含有则说明是已经保存过的数据,如果没有则是自己新增的还未提交的数据

    2、如果是自己新增的数据的时候,先剔除选择的那条数据,我使用的是filter,通过判断当条的key值进行剔除

    将key值重新用新的数据列进行赋值: item.key = index;

    里面重新赋值的那块根据自己的需求进行操作,如果需要重新赋值的话,则用Form表单的setFieldsValue进行重新赋值

    如果删除后,总长度为0 的时候,需要重新在添加一条新的数据,默认当前key值为0

  • 相关阅读:
    vue如何实现热更新
    vue项目与node项目分离
    vue如何实现热更新
    Vue项目SSR改造实战
    找工作Java面试 题搜集
    html5绘图笔记纪要
    HTML5实现绘制几何图形
    浅谈html5在vr中的应用
    浏览器三种事件处理的模型
    基于html5二个div 连线
  • 原文地址:https://www.cnblogs.com/liumcb/p/13043300.html
Copyright © 2011-2022 走看看