在 TableView 中显示 JSON

Question

我正在使用 JavaFX 为 JSON 数组开发通用编辑器。
table 中的显示方式是列将成为键，行中的值将更具描述性。一个 JSONObject.

中可以有不同数量的键

JSON 形式：
"[{\"key1\": 1, \"key2\": 2}, {\"key1\": 3, \"key2\": 4}]"

它需要看起来像这样：

key1	key2
1	2
3	4

有什么建议吗？

Answer 1

这可以分为两部分。

使用 GSON 将 JSON Array 解析为 POJOs 的 Array。
在 TableView 中显示 List 个 Objets。

密钥代码

//Add data to the TableView!
String jsonString = "[{\"keyOne\":\"1\", \"keyTwo\":\"2\"}, {\"keyOne\":\"3\", \"keyTwo\":\"4\"}]";
Gson gson = new Gson();
Data[] dataList = gson.fromJson(jsonString, Data[].class);
ObservableList<Data> observableList = FXCollections.observableArrayList(dataList);
tableView.setItems(observableList);

主要

import com.google.gson.Gson;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.stage.Stage;
import javafx.scene.layout.StackPane;


public class App extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage){         
        TableView<Data> tableView = new TableView();

        TableColumn<Data, String> column1 = new TableColumn<>("Key One");
        column1.setCellValueFactory(new PropertyValueFactory<>("keyOne"));


        TableColumn<Data, String> column2 = new TableColumn<>("Key Two");
        column2.setCellValueFactory(new PropertyValueFactory<>("keyTwo"));


        tableView.getColumns().add(column1);
        tableView.getColumns().add(column2);

        //Add data to the TableView!
        String jsonString = "[{\"keyOne\":\"1\", \"keyTwo\":\"2\"}, {\"keyOne\":\"3\", \"keyTwo\":\"4\"}]";
        Gson gson = new Gson();
        Data[] dataList = gson.fromJson(jsonString, Data[].class);
        ObservableList<Data> observableList = FXCollections.observableArrayList(dataList);
        tableView.setItems(observableList);
    
        Scene scene = new Scene(new StackPane(tableView));

        stage.setTitle("JavaFX 13");
        stage.setScene(scene);
        stage.show();
    }
}

数据Class

/**
 *
 * @author sedj601
 */
public class Data {
    private String keyOne;
    private String keyTwo;
    

    public Data(String keyOne, String keyTwo) {
        this.keyOne = keyOne;
        this.keyTwo = keyTwo;
    }

    public String getKeyOne() {
        return keyOne;
    }

    public void setKeyOne(String keyOne) {
        this.keyOne = keyOne;
    }

    public String getKeyTwo() {
        return keyTwo;
    }

    public void setKeyTwo(String keyTwo) {
        this.keyTwo = keyTwo;
    }

    @Override
    public String toString() {
        StringBuilder sb = new StringBuilder();
        sb.append("Data{keyOne=").append(keyOne);
        sb.append(", keyTwo=").append(keyTwo);
        sb.append('}');
        return sb.toString();
    }    
}

模块-info.java

module com.mycompany.javafx_test_2 {
    requires javafx.controls;
    exports com.mycompany.javafx_test_2;
    
    opens com.mycompany.javafx_test_2 to com.google.gson;
    requires com.google.gson;
    
}

使用 GSON 版本 2.8.9.

输出

在 TableView 中显示 JSON

Show JSON in TableView

generics

json

javafx

tableview