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);
}
相关文章推荐
- 为 checkbox 添加事件,使选中和非选中时改变其他几个checkbox的可选状态
- android listview里包含组件(checkbox)点击事件和Item的点击事件冲突
- TreeView控件中选中节点前的checkBox仍然会触发NodeMouseClick事件
- jquery checkbox (选中和取消选中事件on("change"))做笔记
- jquery 多选框 checkbox 获取选中的框
- MVC项目中使用js 设置Checkbox的选中事件
- 单个和多个checkbox选中事件
- 单个和多个checkbox选中事件
- ListView中item点击事件、item保持选中状态以及其他细节
- DataGridView的复选框列的选中事件:DataGirdCheckBoxColumn 列 选中 事件。
- 列表包含checkBox错位以及选中事件
- Android ListView中嵌入其实组件后如checkbox,button后ItemClick事件失效的问题
- 关于TreeView控件CheckBox选中事件
- php checkbox多选框默认选中的实现。
- jquery操作checkBox的选中和事件操作(解决一次取消后不能选中)
- TreeView的选中CheckBox触发事件
- Android开发之组件单选框(RadioButton)多选框(CheckBox)下拉框(Spinner)
- android listview里包含组件(checkbox)点击事件和Item的点击事件冲突
- checkbox 选中事件
- JS CheckBox 选中事件