您的位置:首页 > Web前端 > JavaScript

Angular4_Checkbox多选框选中事件,与其他组件交互

2017-11-30 16:54 218 查看
<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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息