Maxa Blog

package example;
 
import javafx.scene.Scene;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.scene.control.TextBox;
import javafx.scene.control.Button;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.layout.Tile;
import javafx.geometry.HPos;
import javafx.geometry.VPos;
import javafx.stage.Stage;
 
var names : String [];
var textBox : TextBox = TextBox {
        columns: 15
}
Stage {
    title: "Application"
    width: 250 height:350
    scene: Scene {
        content: [ 
               HBox {
                  layoutX: 3 
                  layoutY: 3
                  spacing: 3
                  content: [
                     textBox,
                     Button {
                        text: "Add"
                        style: "base: blue" 
                        action: function () {
                           insert textBox.text into names;
                        }
                     }
                  ]
               }
               VBox {
                  layoutX: 3
                  layoutY: 30
                  spacing: 2
                  content: [
                     Tile {
                        columns: 2
                        content: bind for (name in names) { [
                           Text {
                              font: Font { size: 16 } 
                              content: name
                           },
                           Button {
                              text: "Delete"
                              style: "base: blue" 
                              action: function () {
                                 delete names[indexof name];
                              }
                           }
                        ]
                     }
                  }
              ]
           }
        ]
    }
};