How to add button to Table View and initiate action?

Question

hello,
i'm new to Javafx 2, i recently followed the tutorial on tableview and would like to add a deletion action on particular row. What i had in mind was to add a delete button on the last column of each row, when clicked it will fire a handler and remove that row from the data observablelist. how do i do that?
please advice,
wesley

Answer 1

Hi,
Please find the below code. I am creating a table view with two columns. The second column consists of delete button.
TableVeiw table = new TableView();
/*First column*/
final TableColumn<String> titleCol = new TableColumn<String>("Title");
titleCol.setProperty("title");
/*Second column*/
TableColumn<String> actionCol = new TableColumn<String>("Action");
actionCol.setCellFactory(new Callback<TableColumn<String>, TableCell<String>>() {
      @Override
      public TableCell<String> call(TableColumn<String> param) {
             final TableCell<String> cell = new TableCell<String>() {
                      @Override
                      public void updateItem(String value, boolean empty) {
                            super.updateItem(value, empty);
                            final VBox vbox = new VBox(5);
                            Image image = new Image(getClass().getResourceAsStream("/images/delete.png"));
                            Button button = new Button("", new ImageView(image));
                            button.getStyleClass().add("deleteButton");
                            final TableCell<String> c = this;
                            button.setOnAction(new EventHandler<ActionEvent>() {
                                  @Override
                                  public void handle(ActionEvent event) {
                                          TableRow tableRow = c.getTableRow();
                                          Item item= (Item) tableRow.getTableView().getItems().get(tableRow.getIndex());
                                          /* TODO : Delete this item from your data list and refresh the table */
                      vbox.getChildren().add(button);
                      setGraphic(vbox);
        cell.setAlignment(Pos.TOP_RIGHT);
        return cell;
grid.addColumns(titleCol,actionCol);I hope this can help you. :)
Edited by: Sai Pradeep Dandem on Aug 18, 2011 10:04 PM