javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

trigger tapInput mouseEvent on label click

Browse Source
This commit is contained in:
Tim Lancina
2015-07-17 17:27:57 -05:00
parent a62b81a102
commit 1c5172bb5e
4 changed files with 50 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
ionic/components/checkbox/checkbox.ts
View File

@ -19,7 +19,7 @@ import {Icon} from '../icon/icon';
host: {
'[class.item]': 'item',
'[attr.aria-checked]': 'input.checked',
'(^click)': 'onClick($event)'
// '(^click)': 'onClick($event)'
},
defaultProperties: {
'iconOff': 'ion-ios-circle-outline',
@ -45,23 +45,32 @@ export class Checkbox extends IonInputItem {
this.item = true;
}
onClick(ev) {
// toggling with spacebar fires mouse event
if (ev.target.tagName === "INPUT") return;
this.input.checked = !this.input.checked;
//TODO trigger change/mouse event on the actual input to trigger
// form updates
// this._checkbox.dispatchEvent(e);
//this._checkboxDir.control.valueAccessor.writeValue(val);
}
// onClick(ev) {
// debugger
// // toggling with spacebar fires mouse event
// if (ev.target.tagName === "INPUT") return;
//
// this.input.checked = !this.input.checked;
//
// //TODO trigger change/mouse event on the actual input to trigger
// // form updates
//
// // this._checkbox.dispatchEvent(e);
// //this._checkboxDir.control.valueAccessor.writeValue(val);
// }
onChangeEvent(input) {
//TODO can we just assume this will always be true?
this.input.checked = this.input.elementRef.nativeElement.checked;
}
focus() {
let mouseClick = new MouseEvent("click", {
bubbles: true,
cancelable: true,
});
this.input && this.input.elementRef.nativeElement.dispatchEvent(mouseClick);
}
}