ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-17 01:25:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixing radioButton checked status (#13974)

Browse Source 
* Fixing radioButton checked status

* Fixed all kinds of event bugs in radio buttons

* removing uneeded checks

* Fixing the logic for radiobutton onChange event generation for all possible scenarios.

* Made small changes in radioButton logic.
This commit is contained in:
Aasim Khan
2021-01-19 13:30:45 -08:00
committed by GitHub
parent bd8346a1b2
commit b089d880fc
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/sql/base/browser/ui/radioButton/radioButton.ts
View File

@@ -38,17 +38,14 @@ export class RadioButton extends Widget {
this.checked = opts.checked || false;
this.onclick(this.inputElement, () => {
this._onClicked.fire();
if (this.name) {
const buttonGroup = document.getElementsByName(this.name);
buttonGroup.forEach((button) => {
const event = document.createEvent('HTMLEvents');
event.initEvent('change', true, true);
button.dispatchEvent(event);
});
this.checked = true;
});
this.inputElement.addEventListener('change', () => {
if (this._internalCheckedStateTracker !== this.inputElement.checked) {
this._internalCheckedStateTracker = this.inputElement.checked;
this._onChangedCheckedState.fire(this._internalCheckedStateTracker);
}
});
this.inputElement.addEventListener('change', () => this.checked = this.inputElement.checked);
container.appendChild(this.inputElement);
container.appendChild(this._label);
}
@@ -74,10 +71,18 @@ export class RadioButton extends Widget {
}
public set checked(val: boolean) {
if (this.inputElement.checked !== this._internalCheckedStateTracker) {
if (val !== this._internalCheckedStateTracker) {
this.inputElement.checked = val;
this._internalCheckedStateTracker = val;
this._onChangedCheckedState.fire(this.checked);
const event = document.createEvent('HTMLEvents');
event.initEvent('change', true, true);
if (this.name) {
const buttonGroup = document.getElementsByName(this.name);
buttonGroup.forEach((button) => {
button.dispatchEvent(event);
});
} else {
this.inputElement.dispatchEvent(event);
}
}
}