midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Dropdown now automatically selects the first value, fix #960

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-07-20 19:35:08 +02:00
parent 0625d2cecb
commit 499d696b68
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
UI/Input/DropDown.ts
View file

@ -13,6 +13,11 @@ export class DropDown<T> extends InputElement<T> {
private readonly _value: UIEventSource<T>; private readonly _value: UIEventSource<T>;
private readonly _values: { value: T; shown: string | BaseUIElement }[]; private readonly _values: { value: T; shown: string | BaseUIElement }[];
/**
*
* const dropdown = new DropDown<number>("test",[{value: 42, shown: "the answer"}])
* dropdown.GetValue().data // => 42
*/
constructor(label: string | BaseUIElement, constructor(label: string | BaseUIElement,
values: { value: T, shown: string | BaseUIElement }[], values: { value: T, shown: string | BaseUIElement }[],
value: UIEventSource<T> = undefined, value: UIEventSource<T> = undefined,
@ -21,7 +26,7 @@ export class DropDown<T> extends InputElement<T> {
} }
) { ) {
super(); super();
value = value ?? new UIEventSource<T>(undefined) value = value ?? new UIEventSource<T>(values[0].value)
this._value = value this._value = value
this._values = values; this._values = values;
if (values.length <= 1) { if (values.length <= 1) {
@ -63,7 +68,7 @@ export class DropDown<T> extends InputElement<T> {
select.onchange = (() => { select.onchange = (() => {
var index = select.selectedIndex; const index = select.selectedIndex;
value.setData(values[index].value); value.setData(values[index].value);
}); });