Old Contents Not Cleaned Up

Question

Hi All,
I'm pretty new to JavaFX, and I'm currently working on a prototype that will hopefully open up some eyes around my work as there seems to be very distinct camps between Flex and GWT here. I'm hoping that I might change a few minds to JavaFX.
I'm having a slight problem though. Within my application I have a SwingComboBox that dynamically changes the contents of a VBox depending on which item is selected in the combo box. The nodes that are swapped in and out of the VBox are custom nodes I created that are basically Tile objects which contain a bunch of text fields to fill out. The problem occurs when one of the Tile objects is wider than the others. The wider Tile object is not completely erased when a smaller one is switched out for it. The following code is a sample application I wrote that demonstrates my problem. Change the value of the combo box a few times and it looks like labels 2 and 3 are written on top of label 1. Any thoughts on how to make it stop doing this? I know it's probably something simple, but I've been scratching my head (as well as other things) for quite a while now concerning this.
Thanks
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.ext.swing.SwingComboBox;
import javafx.ext.swing.SwingComboBoxItem;
import javafx.scene.layout.VBox;
import javafx.scene.control.Label;
import javafx.scene.Node;
import javafx.scene.layout.LayoutInfo;
def itemNames : String[] = ["Item 1", "Item 2", "Item 3"];
var label1 = Label
    text: "Label 1: This is a very long string compared to the rest"
var label2 = Label
    text: "Label 2: Short string"
var label3 = Label
    text: "Label 3: Short string"
var labels: Node[] = [];
insert label1 into labels;
insert label2 into labels;
insert label3 into labels;
var testCombo = SwingComboBox
   selectedIndex: 0
   items: for (itemName in itemNames)
             SwingComboBoxItem
                text: itemName
var testBox: VBox = VBox
   layoutInfo: LayoutInfo {height: 300}
   content: bind
      testCombo,
      labels[testCombo.selectedIndex]
}

Answer 1

Interesting. I would have never thought of that solution. Do you have a good way of triggering the resizing using data binding?
I found another way of "solving" the problem. If you place a transparent rectangle after the combo box whose width when added to the width of the combo box when a short item is selected is slightly wider than the combo box when the longest item is selected. For example, I added the following to the test program I listed earlier:
var rect: Rectangle = Rectangle
   width: 400
   height: 300
   fill: Color.TRANSPARENT
var testBox: VBox = VBox
   layoutInfo: LayoutInfo {height: 300}
   content: bind
      testCombo,
      labels[testCombo.selectedIndex],
      rect
}And everything works.
Thanks so much for your suggestion.
Edited by: Toddinator on Jul 28, 2009 5:35 AM