Произвольно считывать данные json в древовидное представление javafx и показывать только первый элемент любого массива в нем

Мне нужно показать файл json в древовидной структуре javafx, структура json неизвестна. Как и на веб-сайте: сайт просмотра json Я показываю дерево, чтобы пользователь мог выбрать путь к значению (например, xpath для xml), поэтому, если json слишком большой, мне нужно показать только первый элемент любого массива в json.

например, исходные данные:

{
    name:"tom",
    schools:[
        {
            name:"school1",
            tags:["maths","english"]
        },
        {
            name:"school2",
            tags:["english","biological"]
        },
    ]
}

Я хочу показать: Произвольно считывать данные json в древовидное представление javafx и показывать только первый элемент любого массива в нем

еще раз: структура json неизвестна, это всего лишь один пример.

Как сделать HTTP-запрос в Javascript?
Как сделать HTTP-запрос в Javascript?
В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:
2
0
1 055
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Нет другого варианта, кроме рекурсивной обработки json и создания структуры TreeItem на основе информации об элементе.

(Возможно, есть лучший способ добавить символы, но я не нашел подходящих значков.)

private static final String INPUT = "{\n"
        + "    name:\"tom\",\n"
        + "    schools:[\n"
        + "        {\n"
        + "            name:\"school1\",\n"
        + "            tags:[\"maths\",\"english\"]\n"
        + "        },\n"
        + "        {\n"
        + "            name:\"school2\",\n"
        + "            tags:[\"english\",\"biological\"]\n"
        + "        },\n"
        + "    ]\n"
        + "}";

private static final Image JSON_IMAGE = new Image("https://i.stack.imgur.com/1slrh.png");

private static void prependString(TreeItem<Value> item, String string) {
    String val = item.getValue().text;
    item.getValue().text = (val == null
            ? string
            : string + " : " + val);
}

private enum Type {
    OBJECT(new Rectangle2D(45, 52, 16, 18)),
    ARRAY(new Rectangle2D(61, 88, 16, 18)),
    PROPERTY(new Rectangle2D(31, 13, 16, 18));

    private final Rectangle2D viewport;

    private Type(Rectangle2D viewport) {
        this.viewport = viewport;
    }

}

private static final class Value {

    private String text;
    private final Type type;

    public Value(Type type) {
        this.type = type;
    }

    public Value(String text, Type type) {
        this.text = text;
        this.type = type;
    }

}

private static TreeItem<Value> createTree(JsonElement element) {
    if (element.isJsonNull()) {
        return new TreeItem<>(new Value("null", Type.PROPERTY));
    } else if (element.isJsonPrimitive()) {
        JsonPrimitive primitive = element.getAsJsonPrimitive();
        return new TreeItem<>(new Value(primitive.isString()
                ? '"' + primitive.getAsString() + '"'
                : primitive.getAsString(), Type.PROPERTY));
    } else if (element.isJsonArray()) {
        JsonArray array = element.getAsJsonArray();
        TreeItem<Value> item = new TreeItem<>(new Value(Type.ARRAY));
       // for (int i = 0, max = Math.min(1, array.size()); i < max; i++) {
        for (int i = 0, max = array.size(); i < max; i++) {
            TreeItem<Value> child = createTree(array.get(i));
            prependString(child, Integer.toString(i));
            item.getChildren().add(child);
        }
        return item;
    } else {
        JsonObject object = element.getAsJsonObject();
        TreeItem<Value> item = new TreeItem<>(new Value(Type.OBJECT));
        for (Map.Entry<String, JsonElement> property : object.entrySet()) {
            TreeItem<Value> child = createTree(property.getValue());
            prependString(child, property.getKey());
            item.getChildren().add(child);
        }
        return item;
    }
}

@Override
public void start(Stage primaryStage) {
    JsonParser parser = new JsonParser();
    JsonElement root = parser.parse(INPUT);

    TreeItem<Value> treeRoot = createTree(root);
    TreeView<Value> treeView = new TreeView<>(treeRoot);
    treeView.setCellFactory(tv -> new TreeCell<Value>() {
        private final ImageView imageView;

        {
            imageView = new ImageView(JSON_IMAGE);
            imageView.setFitHeight(18);
            imageView.setFitWidth(16);
            imageView.setPreserveRatio(true);
            setGraphic(imageView);
        }

        @Override
        protected void updateItem(Value item, boolean empty) {
            super.updateItem(item, empty);

            if (empty || item == null) {
                setText("");
                imageView.setVisible(false);
            } else {
                setText(item.text);
                imageView.setVisible(true);
                imageView.setViewport(item.type.viewport);
            }
        }


    });

    final Scene scene = new Scene(treeView);

    primaryStage.setScene(scene);
    primaryStage.show();
}

Отлично! Это то, что мне нужно. Я наверное думал, как писать, но не выписывал. А вот интересно, как вы сделали скобки и фигурные скобки? Иконки или символы? Но я не могу найти символы. И если читать только первый элемент массива, возможно, он больше соответствует вопросу.

hometown 26.06.2018 14:07

Я нигде не мог найти символы, поэтому он использовал ваш снимок экрана и настроил область просмотра, чтобы отобразить соответствующую часть этого изображения. Не лучшее решение, и вам, вероятно, следует создать свои собственные образы или использовать некоторые Shape (Text / Rectangle), чтобы быть уверенным, что не нарушаете какие-либо авторские права ...

fabian 26.06.2018 14:14

Что мне делать, если я хочу добавить флажок к элементам дерева и по-прежнему показывать изображение?

hometown 06.07.2018 10:21

Измените реализацию TreeCell. Это новый вопрос, но на него нельзя ответить должным образом в комментариях.

fabian 06.07.2018 10:35

Другие вопросы по теме