以编程方式设置p-tableCheckbox

时间:2018-07-31 18:19:20

标签: angular primeng primeng-turbotable

我有一个嵌套的 turbotable (p表中的p表),其中包含复选框和可扩展的行。

我希望能够以编程方式设置某些复选框,例如如果用户在嵌套表中选择了一行,则父行的ckeckbox也应被选中。

选中此StackBlitz

1 个答案:

答案 0 :(得分:1)

我对您加入的代码进行了很多更改,但主要部分在此处带有注释:

updateParentSelection(i, parentRow) {
    if (this.cars[i].length > 0) { // if subselection not empty
      if (this.parentSelection.indexOf(parentRow) === -1) { // if parent row not already selected
        this.parentSelection = this.parentSelection.concat(parentRow); // add parent row to parent selection
      }
    } else { // if subselection empty
      this.parentSelection.splice(this.parentSelection.indexOf(parentRow), 1).slice(0); // remove parent row from parent selection
      this.parentSelection = [].concat(this.parentSelection.splice(this.parentSelection.indexOf(parentRow), 1).slice(0)); // trick to update the view
    }
  }

如有任何疑问,请不要犹豫。

查看分叉的StackBlitz