Angular4_Checkbox多選框選中事件,與其他元件互動
阿新 • • 發佈:2019-02-14
<input type="checkbox" [rtSelectionCheckboxFor]="hu" [(selected)]="hu.selected" (change)="onChecked($event); setRtList(list);"/>
用的事change事件監聽的
onChecked($event: any) {
this.changeStatus.emit(true);
}
然後觸發事件,傳到父元件。再進行其他操作
changeStatus(agreed: boolean) { let isEdit = true; let isReturn = true; let isCombine = true; const selectedRows = this.gridComponent.getSelectedRows(); if (selectedRows && selectedRows.length >= 1) { isEdit = false; isReturn = false; isCombine = true; if (selectedRows && selectedRows.length === 2) { isEdit = true; isReturn = true; isCombine = false; } if (selectedRows && selectedRows.length > 2) { isEdit = true; isReturn = false; isCombine = true; } } this.footerComponent.setHuButtonStatus(isEdit, isReturn, isCombine); }