首页 > 其他 > 详细

表格行拖动,数据中状态值不同的禁止拖拽

时间:2019-09-27 17:32:29      阅读:96      评论:0      收藏:0      [点我收藏+]
rowDrop () {
      const tbody = document.querySelector(‘.el-table__body-wrapper tbody‘)
      const _this = this
      let sort = Sortable.create(tbody, {
        forceFallback: false,
        onMove: (evt, originalEvent) => {
          // 出现非发布和已发布,立即还原交换
          if (_this.initTableData[evt.dragged.rowIndex].status != _this.initTableData[evt.related.rowIndex].status) {
            return false
          }
        },
        onEnd ({ newIndex, oldIndex }) {
          let newRow = _this.initTableData[newIndex]
          let oldRow = _this.initTableData[oldIndex]
          const currRow = _this.initTableData.splice(oldIndex, 1)[0]
          if (!newRow) {
            let index = _this.initTableData.length - 1
            let sort = _this.initTableData[index].sequence
            currRow.sequence = sort + 1
            _this.initTableData.splice(oldIndex, 0, currRow)
            return
          }
          let old = newRow.sequence
          let current = currRow.sequence
          currRow.sequence = old   //交换顺序
          newRow.sequence = current
          _this.initTableData.splice(newIndex, 0, currRow)
          _this.temp.push(currRow)
          _this.temp.push(newRow)
          _this.$emit(‘update:initTableData‘, _this.initTableData)
        }
      })
    },

  

表格行拖动,数据中状态值不同的禁止拖拽

原文:https://www.cnblogs.com/ihuangqing/p/11599186.html

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