Dynamically updating ChoiceBox contents

Question

I want to display a ChoiceBox and update the contents in response to some external event. I tried a simple test but have two problems:
1. The initial selection ("Select ...") is not displayed
2. The selection is cleared when new items are added
Here's my test code:
package rde.tests.fx.fx2;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.control.ChoiceBox;
import javafx.scene.control.Button;
import javafx.scene.text.Text;
public class Chtest extends Scene {
var list = ["Select ..."];
override var content =
HBox {
spacing: 5
content: [
Text { content: "Label " },
     ChoiceBox { items: bind list },
     Button {
     text: "Press me"
     action: function() { insert ["abc", "def", "ghi"] into list; }
function run() {
Stage { scene: Chtest {} }
Do I need to set the selection index somehow?
Thanks
Richard

Answer 1

PhiLho wrote:
Do I need to set the selection index somehow?Yes.
action: function() { var idx = ch.selectedIndex; insert ["abc", "def", "ghi"] into list; ch.select(idx); }Thanks. I was sort of hoping to avoid storing a reference to the choice box somewhere - with bind it seems it should not be necessary.
I did make some progress by changing the ChoiceBox literal to:
     ChoiceBox {
     override var items on replace { select(0); }
     items: bind list
But I could not find a way to reset the original selection when the items are updated - by the time the 'on replace' clause is executed, the selected index has been reset to -1.