首页 > 其他 > 详细

表格操作

时间:2021-02-26 11:38:36      阅读:15      评论:0      收藏:0      [点我收藏+]

继上篇随笔在每个循环出来的表格里面,对小表格进行操作

  • 添加小表格(main代表每一个循环出来的大表格)

     技术分享图片

      技术分享图片

  • 复制小表格

     技术分享图片

 

      技术分享图片

  • 对小表格进行批量删除操作
  • tableDataSelections是多选框选中的数据

       技术分享图片     

     技术分享图片

     技术分享图片

 

   

//批量删除操作
    handleDelect(selections, relationsList) {
      // console.log("批量删除的ids", this.ids);
      let isIds = this.ids.filter((ele) => ele);
      // console.log("筛选出来的id", isIds);
      if (selections.length > 0 && isIds.length > 0) {
        this.$confirm(`确定删除选中数据?`, "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(function () {
            return deleteSomeMethod(isIds);
          })
          .then(() => {
            //调接口删除完毕之后,页面不同步刷新,所以手动删除一下
            //如果选中的数据和表格中的数据相同,就在表格数据中删除
            for (let i = 0; i < selections.length; i++) {
              for (let y = 0; y < relationsList.length; y++) {
                if (relationsList[y] == selections[i]) {
                  relationsList.splice(y, 1);
                  break;
                }
              }
            }

            this.msgSuccess("删除成功");
          })
          .catch(function () {});
      } else {
        //部分是新增加的,还没有id,所以要手动删除
        for (let i = 0; i < selections.length; i++) {
          for (let y = 0; y < relationsList.length; y++) {
            if (relationsList[y] == selections[i]) {
              relationsList.splice(y, 1);
              break;
            }
          }
        }
      }
    },

 

表格操作

原文:https://www.cnblogs.com/New-fanfan/p/14451197.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!