Javafx：从组件本身中删除组件

Question

我有一个带有主控制器的简单Javafx应用程序。在此主控制器中，我动态添加了此组件：

添加的组件：

fxml代码（paramvalue.fxml）：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.HBox?>

<HBox alignment="CENTER" prefHeight="40.0" prefWidth="833.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.demoSpreadsSheet.ParamValueController">
   <children>
      <Label prefHeight="95.0" prefWidth="83.0" text="Paramètre : " />
      <TextField fx:id="paramName" prefHeight="32.0" prefWidth="300.0" />
      <Label prefHeight="95.0" prefWidth="83.0" text="Valeur : ">
         <HBox.margin>
            <Insets left="40.0" />
         </HBox.margin>
      </Label>
      <TextField fx:id="paramValue" prefHeight="32.0" prefWidth="300.0" />
      <Button mnemonicParsing="false" prefHeight="25.0" prefWidth="12.0">
         <HBox.margin>
            <Insets left="20.0" />
         </HBox.margin>
         <graphic>
            <ImageView fitHeight="26.0" fitWidth="21.0" onMouseClicked="#openSpreadSheet" pickOnBounds="true" preserveRatio="true">
               <image>
                  <Image url="@../../Images/spreadsheet.png" />
               </image>
            </ImageView>
         </graphic>
      </Button>
      <Button mnemonicParsing="false" onAction="#removeParamValue" prefHeight="25.0" prefWidth="12.0">
         <graphic>
            <ImageView fitHeight="26.0" fitWidth="21.0" onMouseClicked="#openSpreadSheet" pickOnBounds="true" preserveRatio="true">
               <image>
                  <Image url="@../../Images/remove.png" />
               </image>
            </ImageView>
         </graphic>
         <HBox.margin>
            <Insets left="10.0" />
         </HBox.margin>
      </Button>
   </children>
</HBox>

组件的控制器：

package com.example.demoSpreadsSheet;

import javafx.fxml.FXML;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;

public class ParamValueController extends HBox {

    @FXML TextField paramName, paramValue;

    public ParamValueController() {}

    @FXML
    public void openSpreadSheet(){

    }

    @FXML
    private void removeParamValue(){
        //I don't know if it's possible to remove it here
    }




}

我添加自定义组件的控制器：

package com.example.demoSpreadsSheet;

import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;

import java.io.IOException;

public class DoublonController extends BorderPane {

    @FXML VBox paramValueList;

    public DoublonController(){}

    @FXML
    public void initialize() throws IOException {
        paramValueList.getChildren().addAll(createParamValueComponent(), createParamValueComponent());
    }

    private HBox createParamValueComponent() throws IOException {
        FXMLLoader paramValueLoader = new FXMLLoader(DoublonController.class.getResource("paramValue.fxml"));
        return paramValueLoader.load();
    }

    @FXML
    private void addParamValue() throws IOException {
        this.paramValueList.getChildren().add(createParamValueComponent());
    }
}

当用户单击红十字时，我想删除此组件。问题在于，Redcross在我想删除的类中称之为“ RemoveParamValue（）”函数，我认为这是不可能的。.

您有解决方法吗？

提前致谢。

Answer 1

您至少可以使用两种方法。

---

获取 parent

，如@kleopatra in 问题注释，您可以从“儿童”控制器内获取root fxml节点的父母，请检查它是否是 pane pane 的实例，如果是的，则修改父母的子女列表。
例如：

@FXML
private void removeParamValue() {
    var parent = container.getParent();
    if (parent instanceof Pane pane) {
        pane.getChildren().remove(container);
    }
}

这要求您将根FXML元素注入控制器。我将字段的名称 container ，其类型为 hbox ，但是您可以将其命名为任何您想要的任何东西（只需确保添加相应的 fx ：id 属性属于FXML文件）。我还使用 实例>实例 的模式匹配，该在Java中最终确定16。如果您至少不使用Java 16，则需要手动施放 parent 到 pane 。

代码

注释的问题您无法使用 this.getParent（），因为控制器本身从未添加到场景图中。实际上，使用您的代码当前的编写方式，您的控制器类别不应扩展 hbox （我假设您的其他控制器类也存在类似的问题）。也许您打算使用 ，但这涉及更改FXML文件的根元素以及如何加载FXML文件。阅读

换句话说，除非您要使用 fx：root ，否则 扩展了Hbox 和从您的控制器类中扩展了BorderPane 。

---

使用“回调”的

另一种方法是使用回调。将方法添加到您的 paramvaluecontroller 接受某些功能接口（例如，运行）：

public void setOnRemove(Runnable action) {
    // also declare a field to store the Runnable in
    this.action = action;
}

然后您的“删除param值”方法看起来像：

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

并且您要修改代码这样可以加载“孩子”的FXML：

private HBox createParamValueComponent() throws IOException {
    FXMLLoader paramValueLoader = new FXMLLoader(DoublonController.class.getResource("paramValue.fxml"));
    HBox root = paramValueLoader.load();
    
    // invoked *after* you load the FXML file
    ParamValueController controller = paramValueLoader.getController();
    controller.setOnRemove(() -> paramValueList.getChildren().remove(root));

    return root;
}

就个人而言，我更喜欢这种方法更安全，更灵活，并且我认为更清楚。但这也比第一种方法更多。