单击 AjaxLink 时如何显示标签组件

How to show label component when AjaxLink is clicked

当点击 Ajaxlink 时,我需要显示 JSON 文件中的数据。我已经实现了以下不起作用的代码。如果我做错了,请更正我的代码。 (是否可以在 AjaxLink 中添加标签)

提前致谢。

AjaxLink<Void> jsonData = new AjaxLink<Void>("jsonData") {

            @Override
            public void onClick(AjaxRequestTarget target) {
                File jsonFile;
                try {
                    jsonFile = new File(fileLocation);

                ObjectMapper mapper = new ObjectMapper();
                JsonNode jsonNode = mapper.readValue(jsonFile, JsonNode.class);
                Label jsonLabel = new Label("jsonLabel",
                            mapper.writerWithDefaultPrettyPrinter().writeValueAsString(jsonNode));
                jsonLabel.setOutputMarkupId(true);
                jsonLabel.setOutputMarkupPlaceholderTag(true);
                target.add(jsonLabel);
                addOrReplace(jsonLabel);
                } catch (JsonParseException e) {
                    e.printStackTrace();
                } catch (JsonMappingException e) {
                    e.printStackTrace();
                } catch (IOException e) {
                    e.printStackTrace();
                }

            }
        };

        add(jsonData);

Html:

               <div>
                    <a wicket:id="jsonData" class="text-white">View Template</a>
                    <pre wicket:id="jsonLabel" class="text-white bg-dark"> </pre>
                </div>

您需要将标签添加为 AjaxLink 的兄弟:

final Label jsonLabel = new Label("jsonLabel", Model.of(""));
jsonLabel.setOutputMarkupId(true);
AjaxLink<Void> jsonData = new AjaxLink<Void>("jsonData") {

        @Override
        public void onClick(AjaxRequestTarget target) {
            File jsonFile;
            try {
                jsonFile = new File(fileLocation);

                ObjectMapper mapper = new ObjectMapper();        
                JsonNode jsonNode = mapper.readValue(jsonFile, JsonNode.class);
                // just update the Label's model and re-paint it
                jsonLabel.setModelObject(mapper.writerWithDefaultPrettyPrinter().writeValueAsString(jsonNode));
                target.add(jsonLabel);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    };

    add(jsonData, jsonLabel);

你的HTML没问题。