Standard grid

Example (doubleclick row or column header, press buttons to change data)

package javafxapplication49;

import crudfx.control.*;
import crudfx.interop.*;
import crudfx.data.*;
import javafx.scene.control.*;
import javafx.scene.*;
import javafx.stage.*;

var gridData:DataTree[];
var row:DataTree;

row=new DataTree();
row.node("name").asString("").value="Cyan";
row.node("red").asString("").value="0";
row.node("green").asString("").value="255";
row.node("blue").asString("").value="255";
insert row into gridData;
row=new DataTree();
row.node("name").asString("").value="Magenta";
row.node("red").asString("").value="255";
row.node("green").asString("").value="0";
row.node("blue").asString("").value="255";
insert row into gridData;
row=new DataTree();
row.node("name").asString("").value="Yellow";
row.node("red").asString("").value="255";
row.node("green").asString("").value="255";
row.node("blue").asString("").value="0";
insert row into gridData;
row=new DataTree();
row.node("name").asString("").value="Korn";
row.node("red").asString("").value="0";
row.node("green").asString("").value="0";
row.node("blue").asString("").value="0";
insert row into gridData;

def column1:GridColumn = GridColumn{key:"name" title:"Name" order:0 width:110
    action:function():Void{Alert.inform("column Name");}}
def column2:GridColumn = GridColumn{key:"red" title:"Red" order:1 width:60
    action:function():Void{Alert.inform("column Red");}}
def column3:GridColumn = GridColumn{key:"green" title:"Green" order:2 width:60
    action:function():Void{Alert.inform("column Green");}}
def column4:GridColumn = GridColumn{key:"blue" title:"Blue" order:3 width:60
    action:function():Void{Alert.inform("column Blue");}}

def gridColumns:GridColumn[] = [column1, column2, column3, column4];

var grid:StandardGrid;

Stage{
    title:"StandardGrid"
    width:400
    height:400
    scene:Scene{
        content:[
            UINode{
                width:300
                height:300
                translateX:10
                translateY:10
                content:grid=StandardGrid{
                    data:bind gridData
                    columns:gridColumns
                    action:function():Void{Alert.inform("row {grid.selected}");}
                    }
                }
            ,Button{
                text:"Add"
                translateX:10
                translateY:320
                action:function(){
                    row=new DataTree();
                    row.node("name").asString("").value="Some";
                    row.node("red").asString("").value="123";
                    row.node("green").asString("").value="123";
                    row.node("blue").asString("").value="123";
                    insert row into gridData;
                    grid.reset();
                    }
                }
            ,Button{
                text:"Delete"
                translateX:70
                translateY:320
                action:function(){
                    delete gridData[grid.selected] from gridData;
                    grid.reset();
                    }
                }
            ]
        }
    }
 

Profile: desktop