JavaFX如何在自定义组件自身控制器中移除当前组件

动态添加的自定义组件效果如下：

完全可以在子组件自身的控制器中实现删除逻辑，以下是两种常用实现方式，可根据业务复杂度选择：

• 方案1：子组件自删除（代码量最小，适合简单场景）
  仅需两步修改即可实现效果：
  1. 在paramValue.fxml的根<HBox>标签上添加fx:id="rootContainer"属性，用于在控制器中获取当前组件的根节点
  2. 在ParamValueController中注入根节点，补全删除方法逻辑：

@FXML private HBox rootContainer;

@FXML
private void removeParamValue(){
    // 判空避免组件未挂载时触发空指针
    if (rootContainer.getParent() != null) {
        ((VBox) rootContainer.getParent()).getChildren().remove(rootContainer);
    }
}

注意：当前代码中ParamValueController继承HBox是无效写法——因为没有使用fx:root的自定义组件加载模式，fxml加载时会独立创建HBox实例作为根节点，和控制器继承的HBox无关联，直接删除该继承关系即可，避免后续逻辑混淆。

• 方案2：回调解耦实现（复用性更强，适合复杂业务场景）
  如果删除前需要做统一校验（比如未保存内容提示、权限校验），建议将删除动作和执行逻辑解耦：
  1. 在ParamValueController中新增回调属性，点击删除按钮时触发回调：

private Runnable onDelete;

public void setOnDelete(Runnable onDelete) {
    this.onDelete = onDelete;
}

@FXML
private void removeParamValue(){
    if (onDelete != null) {
        onDelete.run();
    }
}

2. 修改主控制器DoublonController中创建组件的方法，为每个子组件注入删除逻辑：

private HBox createParamValueComponent() throws IOException {
    FXMLLoader paramValueLoader = new FXMLLoader(DoublonController.class.getResource("paramValue.fxml"));
    HBox component = paramValueLoader.load();
    ParamValueController controller = paramValueLoader.getController();
    // 定义当前组件的删除逻辑：从父容器列表中移除自身
    controller.setOnDelete(() -> paramValueList.getChildren().remove(component));
    return component;
}

额外bug修正：当前fxml中删除按钮内的ImageView错误绑定了onMouseClicked="#openSpreadSheet"事件，点击删除图标会误触发打开电子表格的逻辑，删除该多余事件绑定即可。

内容的提问来源于stack exchange，提问作者Luca170598