我有一个带有复选框和可扩展行的嵌套turbotable(p-table 内的 p-table)。
我希望能够以编程方式设置某些复选框,例如,如果用户在嵌套表中选择一行,那么父行的复选框也应该被选中。
检查这个StackBlitz
我有一个带有复选框和可扩展行的嵌套turbotable(p-table 内的 p-table)。
我希望能够以编程方式设置某些复选框,例如,如果用户在嵌套表中选择一行,那么父行的复选框也应该被选中。
检查这个StackBlitz
我对您加入的代码进行了很多更改,但主要部分在这里带有注释:
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