How do I create a ListView with a custom cell?

[Kurt Williams]

Hi,

I am trying to create a list view that contains an image with a label. JavaFx examples involve creating a custom cell, overriding updateItem() and setting a cell factory. The ScalaFx ListCell does not inherit from the JavaFx ListCell, so I cannot override it.

What is the ScalaFx way to do this?

Thanks.

Kurt

[Philippe Jean]

Take a look here. It's an example for table view but it should be similar for list view.

[Jarek Sacha]

On 6/4/2014 2:32 PM, Kurt Williams wrote:

I am trying to create a list view that contains an image with a label. JavaFx examples involve creating a custom cell, overriding updateItem() and setting a cell factory. The ScalaFx ListCell does not inherit from the JavaFx ListCell, so I cannot override it.

What is the ScalaFx way to do this?

This can be quite easily done using cellFactory. Here is a snippet from TableWithCustomCellDemo  that displays a color circles in table columns:

new TableColumn[Person, Color] {
  text = "Favorite Color"
  // Cell value is loaded from a `Person` object
  cellValueFactory = { _.value.favoriteColor }
  // New circle is created when cell value changes
  // including initial value assignment
  cellFactory = { _ =>
    new TableCell[Person, Color] {
      item.onChange { (_, _, newColor) =>
        graphic = new Circle {
          fill = newColor;
          radius = 8
        }
      }
    }
  }
}


Jarek

[Kurt Williams]

Thanks!