How to display the contents of an array list to a listview?

Question

Hi. How do I display the contents of an arraylist to a listview?
Here is my current code:
var c: Control= new Control();
var simpleList: ArrayList = c.ListResult; //ListResult is an ArrayList containing strings
var simpleListView : ListView = ListView {
        translateX: 0
        translateY: 0
        layoutX: 20
        layoutY: 80
        height: 130
        width: 200
        items: bind simpleList;
Stage {
    title: "Trial app"
    width: 240
    height: 320
    style: StageStyle.TRANSPARENT
    scene: Scene {
        content: [ simpleListView
} [http://img341.imageshack.us/img341/133/listview.jpg]
My code generates the result in this screenshot above. It shows that all the contents on the arraylist is displayed in one row/item.
It should be displayed as (see bottom image) ...
[http://img707.imageshack.us/img707/3745/listview1.jpg]
Do you guys have any idea on this? Thank you very much for your replies

Answer 1

For your listbox data to bind the listbox requires a Sequence. This is something that you can sort out at the entrypoint of your code.
In the example below I have used an ArrayList to simmulate the data you have entering your FX code, but then I put that list into a Sequence, in your case instead of having an ArrayList in your FX code, you simple supply the list on entry, as I have marked in the following code.
* Main.fx
* Created on 12-Feb-2010, 10:24:46
package uselists;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import java.util.ArrayList;
import javafx.scene.control.ListView;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
* @author robert
//Simmulate your data with an ArrayList
var simpleList: ArrayList = new ArrayList;
simpleList.add("Hello");
simpleList.add("World");
// *** This is what your entry point would become, just load the simpleList.toArray() into your sequence ***
var simpleSequence = [];
simpleSequence = simpleList.toArray();
//after some time add some items, to show that our binding is working
Timeline {
    repeatCount: 1
    keyFrames: [
        KeyFrame {
            time: 5s
            canSkip: true
            action: function () {
                //you can work on the Sequence to add or remove
                insert "Another item" into simpleSequence;
                //if you at some point want to have your array reflect the changes
                //then perform your changes on that too
                simpleList.add("Another item");
                //remember depending on your app
                //you may keep the update of simpleList
                //until you are finished with this view and do it in a single update
        KeyFrame {
            time: 10s
            action: function () {
                //Alternatly, to keep your ArrayList correct at all times
                //add items to it and then update your Sequence
                simpleList.add("Added to array");
                simpleSequence = simpleList.toArray();
}.play();
Stage {
    title: "Application title"
    scene: Scene {
        width: 250
        height: 80
        content: [
            ListView {
                items: bind simpleSequence
}You can bind to a function rather than the data, which I am sure would be needed some cases, for example if the listBox data was a named part of a hash value for example, all that is required is that your function returns a sequence.