Insira um objeto composto (GridPane com TextFields) no ScrolPane

A Initializableinterface e seu método correspondente void initialize(URL, ResourceBundle)são destinados ao uso por classes de controladores que atuam como controladores para documentos FXML. Quando o FXMLLoadercarrega um arquivo FXML que especifica uma classe em seu fx:controlleratributo, o FXMLLoaderinstancia essa classe e então invoca o initialize(...)método nela. ¹

Sua Gridclasse não é uma classe controladora para nenhum documento FXML. Ela não é instanciada por um FXMLLoader(você a instancia diretamente chamando var newGrid = new Grid(...)a MainViewControllerclasse) e, portanto, o initialize(...)método não é automaticamente invocado para você em nenhum momento.

Consequentemente, o initialize()método em Gridnunca é chamado, então os campos de texto nunca são criados e nunca são adicionados ao painel de grade. Então, a grade que você adiciona ao painel de rolagem fica vazia, e nada fica visível.

Não há necessidade de a Gridclasse implementar Initializable, já que ela não está associada a um arquivo FXML. O código no initialize()método é o código que você quer que seja executado quando a Gridfor criado, então mova-o para o construtor:

import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;

public class Grid extends GridPane {
    private final int totalColumnFields;
    private final int totalRowFields;
    private final int horizontalGap;
    private final int verticalGap;
    private final int fieldHorizontalSize;
    private final int fieldVerticalSize;

    public Grid(int totalColumnFields, int totalRowFields, int horizontalGap, int verticalGap, int fieldHorizontalSize, int fieldVerticalSize) {
        this.totalColumnFields = totalColumnFields;
        this.totalRowFields = totalRowFields;
        this.horizontalGap = horizontalGap;
        this.verticalGap = verticalGap;
        this.fieldHorizontalSize = fieldHorizontalSize;
        this.fieldVerticalSize = fieldVerticalSize;
        this.setHgap(horizontalGap);
        this.setVgap(verticalGap);
        TextField[][] arrayLetterField = new TextField[totalColumnFields][totalRowFields];

        for (int row = 0; row < totalRowFields; row++) {
            for (int col = 0; col < totalColumnFields; col++) {
                arrayLetterField[col][row] = new TextField();
                arrayLetterField[col][row].setMinSize(fieldHorizontalSize, fieldVerticalSize);
                arrayLetterField[col][row].setMaxSize(fieldHorizontalSize, fieldVerticalSize );
                this.add(arrayLetterField[col][row], col, row);
            }
        }
    }

}

Isso dá o resultado desejado:

Outros comentários sobre seu código:

Note que não há necessidade de replicar os valores horizontalGapand verticalGapna sua classe, pois eles já estão armazenados como as propriedades hgapand vgapherdadas de GridPane. Então você pode reduzir um pouco o tamanho da sua classe com:

public class Grid extends GridPane {
    private final int totalColumnFields;
    private final int totalRowFields;
    private final int fieldHorizontalSize;
    private final int fieldVerticalSize;

    public Grid(int totalColumnFields, int totalRowFields, int horizontalGap, int verticalGap, int fieldHorizontalSize, int fieldVerticalSize) {
        this.totalColumnFields = totalColumnFields;
        this.totalRowFields = totalRowFields;
        this.fieldHorizontalSize = fieldHorizontalSize;
        this.fieldVerticalSize = fieldVerticalSize;
        this.setHgap(horizontalGap);
        this.setVgap(verticalGap);
        TextField[][] arrayLetterField = new TextField[totalColumnFields][totalRowFields];

        for (int row = 0; row < totalRowFields; row++) {
            for (int col = 0; col < totalColumnFields; col++) {
                arrayLetterField[col][row] = new TextField();
                arrayLetterField[col][row].setMinSize(fieldHorizontalSize, fieldVerticalSize);
                arrayLetterField[col][row].setMaxSize(fieldHorizontalSize, fieldVerticalSize );
                this.add(arrayLetterField[col][row], col, row);
            }
        }
    }
}

Se precisar referenciar esses valores a qualquer momento, você pode fazer isso com getHgap()e getVgap().

Eu também recomendo não fazer subclasses GridPaneaqui. Você deve reservar a subclasse de classes existentes quando estiver adicionando funcionalidade a elas. Aqui você está realmente configurando apenas uma instância da classe existente. A subclasse GridPanetambém expõe os detalhes internos da estratégia de layout para o resto do seu aplicativo, potencialmente tornando muito mais difícil alterar o layout mais tarde (por exemplo, para uma TilePaneou alguma outra estratégia) se você quisesse fazer isso. Eu recomendo "favorecer a agregação em vez da herança" aqui e apenas dar acesso a um agregado GridPanesem expor detalhes de qual layout você está usando:

import javafx.scene.Node;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;

public class Grid {
    private final int totalColumnFields;
    private final int totalRowFields;
    private final int fieldHorizontalSize;
    private final int fieldVerticalSize;

    private final GridPane grid;

    public Grid(int totalColumnFields, int totalRowFields, int horizontalGap, int verticalGap, int fieldHorizontalSize, int fieldVerticalSize) {
        this.totalColumnFields = totalColumnFields;
        this.totalRowFields = totalRowFields;
        this.fieldHorizontalSize = fieldHorizontalSize;
        this.fieldVerticalSize = fieldVerticalSize;

        grid = new GridPane();
        grid.setHgap(horizontalGap);
        grid.setVgap(verticalGap);
        TextField[][] arrayLetterField = new TextField[totalColumnFields][totalRowFields];

        for (int row = 0; row < totalRowFields; row++) {
            for (int col = 0; col < totalColumnFields; col++) {
                arrayLetterField[col][row] = new TextField();
                arrayLetterField[col][row].setMinSize(fieldHorizontalSize, fieldVerticalSize);
                arrayLetterField[col][row].setMaxSize(fieldHorizontalSize, fieldVerticalSize );
                grid.add(arrayLetterField[col][row], col, row);
            }
        }
    }

    public Node getView() {
        return grid;
    }

}

E então a pequena alteração correspondente no código do cliente:

    @FXML
    public void onMnuItemNewAction() {
        int cols = 10;
        int rows = 10;
        int horizontalGap = 1;
        int verticalGap = 1;
        int fieldHorizontalSize = 40;
        int fieldVerticalSize = 40;
        var newGrid = new Grid(cols, rows, horizontalGap, verticalGap, fieldHorizontalSize, fieldVerticalSize);
        var gridView = newGrid.getView();
        scpGrid.setContent(gridView);
        gridView.setStyle("-fx-alignment: center;");
    }

(1) Note que a partir do JavaFX 2.1 a Initializableinterface é essencialmente redundante. Da documentação :

NOTA Esta interface foi substituída pela injeção automática de propriedades locatione resourcesno controlador. FXMLLoaderagora chamará automaticamente qualquer initialize()método no-arg adequadamente anotado definido pelo controlador. É recomendado que a abordagem de injeção seja usada sempre que possível.

Isso significa que mesmo uma classe controladora para um documento FXML não precisa implementar Initializable. Se você precisar executar a inicialização após os @FXMLcampos anotados com - terem sido injetados, basta definir um initialize()método no-arg para fazer isso. Você pode até mesmo fazer esse método privatese anotá-lo com @FXML, reforçando melhor o encapsulamento. Se você precisar de acesso às propriedades locationou resources, elas podem ser injetadas da mesma forma que os elementos do arquivo FXML. Por exemplo:

public class MainViewController {

    @FXML
    private MenuItem mnuItemNew;

    @FXML
    private ScrollPane scpGrid;
    
    @FXML
    // Can omit this field if it is not needed
    // (It is very rare to need this.)
    private URL location;

    @FXML
    private void onMnuItemNewAction() {
        int cols = 10;
        int rows = 10;
        int horizontalGap = 1;
        int verticalGap = 1;
        int fieldHorizontalSize = 40;
        int fieldVerticalSize = 40;
        var newGrid = new Grid(cols, rows, horizontalGap, verticalGap, fieldHorizontalSize, fieldVerticalSize);
        var gridView = newGrid.getView();
        scpGrid.setContent(gridView);
        gridView.setStyle("-fx-alignment: center;");
    }

    @FXML
    private void initialize() {
        // Any required initialization code here
        // If no intialization needed, this method can be omitted
    }

}