Question

如何将新的HTMLTableRowElement添加到HTMLTableElement，将HTMLLIElement添加到HTMLUListElement？

在我看来，我不能只是new我想要的东西，而且似乎在任何地方都没有getInstance()方法。

感谢。

Answer 1

您可以使用org.w3c.dom API（它是核心Java库的一部分）。说实话，我发现这个API使用起来非常难看，但它确实起到了作用。

这是一个最小的例子：

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

import org.w3c.dom.Document;
import org.w3c.dom.Element;

public class DynamicWebViewTest extends Application {

    @Override
    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        webView.getEngine().loadContent("<html><body><table border='1' id='table'>"+
                    "<tr><th>Name</th><th>Value</th></tr></table></body></html>");

        TextField nameTF = new TextField();
        TextField valueTF = new TextField();
        Button addRowButton = new Button("Add row");
        addRowButton.setOnAction(event -> {
           Document doc = webView.getEngine().getDocument();
           Element table = doc.getElementById("table");
           Element newRow = doc.createElement("tr");
           Element nameCell = doc.createElement("td");
           Element valueCell = doc.createElement("td");
           nameCell.appendChild(doc.createTextNode(nameTF.getText()));
           valueCell.appendChild(doc.createTextNode(valueTF.getText()));
           newRow.appendChild(nameCell);
           newRow.appendChild(valueCell);
           table.appendChild(newRow);

           nameTF.setText("");
           valueTF.setText("");
        });

        HBox controls = new HBox(5, nameTF, valueTF, addRowButton);
        controls.setAlignment(Pos.CENTER);
        controls.setPadding(new Insets(5));

        BorderPane root = new BorderPane(webView, null, null, controls, null);
        Scene scene = new Scene(root, 600, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Answer 2

假设您正在使用Java Fx Web View添加这些元素，因此我建议构建整个页面或只是通过javascript调用添加所需的组件，因为Web视图为您提供执行js方法的js引擎。我不确定场景构建器是否支持在Web视图上进行自定义。

JavaFX HTML节点元素

2 个答案: