Select 默认情况下,嵌套垫中的所有复选框 table 未按预期工作
Select All checkboxes by default in nested mat table not working as expected
我有一个带有可展开行的嵌套垫子 table。只有内部 table 有复选框,默认情况下必须在所有嵌套的 table 中选中所有复选框。这是工作中的 stackblitz
getProjectDetails(element: any) {
console.log(element.Id);
this.tableService.getInnerData(element.Id).subscribe((res) => {
if (res.length == 0) {
element['usersdataSource'] = new MatTableDataSource();
} else {
element['usersdataSource'] = new MatTableDataSource(res);
this.userSelectionMap.set(
element.Id,
new SelectionModel<any>(true, [element['usersdataSource']])
); // provided datasource of the current inner table for default sselection
}
});
}
我在定义选择模型时为默认选择提供了数据源的值,但它没有按预期工作。我不想遍历每个 table 并进行选择,因为内部 table 的数据可能很大。什么是最好的实施方式?
实例化 SelectionModel 时,需要传递 element['usersdataSource'].data
而不是 [element['usersdataSource']]
。
getProjectDetails(element: any) {
console.log(element.Id);
this.tableService.getInnerData(element.Id).subscribe((res) => {
if (res.length == 0) {
element['usersdataSource'] = new MatTableDataSource();
} else {
element['usersdataSource'] = new MatTableDataSource(res);
this.userSelectionMap.set(
element.Id,
new SelectionModel<any>(true, element['usersdataSource'].data) // here
); // init userSelection of the current inner table
}
});
}
我有一个带有可展开行的嵌套垫子 table。只有内部 table 有复选框,默认情况下必须在所有嵌套的 table 中选中所有复选框。这是工作中的 stackblitz
getProjectDetails(element: any) {
console.log(element.Id);
this.tableService.getInnerData(element.Id).subscribe((res) => {
if (res.length == 0) {
element['usersdataSource'] = new MatTableDataSource();
} else {
element['usersdataSource'] = new MatTableDataSource(res);
this.userSelectionMap.set(
element.Id,
new SelectionModel<any>(true, [element['usersdataSource']])
); // provided datasource of the current inner table for default sselection
}
});
}
我在定义选择模型时为默认选择提供了数据源的值,但它没有按预期工作。我不想遍历每个 table 并进行选择,因为内部 table 的数据可能很大。什么是最好的实施方式?
实例化 SelectionModel 时,需要传递 element['usersdataSource'].data
而不是 [element['usersdataSource']]
。
getProjectDetails(element: any) {
console.log(element.Id);
this.tableService.getInnerData(element.Id).subscribe((res) => {
if (res.length == 0) {
element['usersdataSource'] = new MatTableDataSource();
} else {
element['usersdataSource'] = new MatTableDataSource(res);
this.userSelectionMap.set(
element.Id,
new SelectionModel<any>(true, element['usersdataSource'].data) // here
); // init userSelection of the current inner table
}
});
}