Using an Observable List with Select Form

I might be using Select form the wrong way, but I have an internal API that returns an observable list which I would like to use in a select box. I’m not sure how to make the select options update with the new elements added to the observable list. This is what I have so far:

class SomeContainer: SimplePanel() {
    var someList: ObservableList<Pair<String, String>> = observableListOf()
    init {
        val formPanel = formPanel<SomeForm> {
            add(
                    SomeForm::select,
                    Select(
                            label = "Simple select"
                    ).also {
                        options = someList
                        liveSearch = true
                    }
            )
        }
        someList.add(Pair("someValue", "someLabel"))
        someList.add(Pair("someOtherValue", "someOtherLabel"))
        .....
    }
}

The result is an empty options list when selecting, perhaps this is expected since options expects a non-mutable list. Is there any way to do this?

[rjaros]

And remeber to add the Select component to the FormPanel after the DataContainer is created. It’s important, because it must be a child of some visual container (one “connected” to the root component).

[rjaros]

The options parameter of the Select component is designed for static usage. To have dynamic list of options use the DataContainer as a non-visual wrapper, like that:

val someList: ObservableList<Pair<String, String>> = observableListOf()
val select = Select(label = "Simple select").apply {
    liveSearch = true
}
DataContainer(someList, { pair, _, _ -> SelectOption(pair.first, pair.second) }, select)
add(SomeForm::select, select)