huanglong6828 / vue-tree-grid Goto Github PK

      rowClick(data, index, event) {
        console.log(data)

        let children=data.children?data.children:[]
        children.push({
          id:'001',
          code:'222aia',
          name:'测试测试'
        })


        this.$set(data,'children',children)
        console.log('当前行数据:' , data)
        console.log('点击行号:' , index)
        console.log('点击事件:' , event)
// data1是绑定的数据
        console.log('this.data1',this.data1)

      },

     items () {
      if (this.items) {
        this.initItems = []
        this.dataLength = this.Length(this.items)
        this.initData(this.deepCopy(this.items), 1, null)
        this.checkGroup = this.renderCheck(this.items)
        if (this.checkGroup.length == this.dataLength) {
          this.checks = true
        } else {
          this.checks = false
        }
      }
    },

  // 数据处理 增加自定义属性监听
    initData (items, level, parent) {
      // 1、之前全关闭此处没有注释掉，   'expanded': false     'isShow': false
      // this.initItems = []

      let spaceHtml = ''
      for (var i = 1; i < level; i++) {
        spaceHtml += "<i class='ms-tree-space'></i>"
      }
      items.forEach((item, index) => {
        item = Object.assign({}, item, {
          'parent': parent,
          'level': level,
          'spaceHtml': spaceHtml
        })
       // 2、
        if ((typeof item.expanded) === 'undefined') {
          item = Object.assign({}, item, {
            'expanded': true
          })
        }
        if ((typeof item.show) === 'undefined') {
          item = Object.assign({}, item, {
            'isShow': true
          })
        }
        if ((typeof item.isChecked) === 'undefined') {
          item = Object.assign({}, item, {
            'isChecked': false
          })
        }
        item = Object.assign({}, item, {
          'load': (!!item.expanded)
        })
        this.initItems.push(item)
        if (item.children && item.expanded) {
          this.initData(item.children, level + 1, item)
        }
        // 3、使用splice方法更新数组数据
        items.splice(index, 1, item)
      })
    },