java - HTML 输入按钮位于 div 中

Question

我在渲染页面时仍然遇到 RuntimeException，但我不明白原因。它告诉我们结束</div>不见了，但它已经在那里了。这个异常的解决方案是什么？

追踪:

意外的运行时异常:

org.apache.wicket.markup.MarkupException:预期的结束标记为“<div class="device-nr" wicket:id="sampleHeader">” ' 可能尝试嵌入组件' <input wicket:id="saveButton" type="submit" value="Save"/> ' 在该组件的主体中，该组件丢弃其主体 在 org.apache.wicket.markup.MarkupStream.throwMarkupException(MarkupStream.java:526) 在 org.apache.wicket.Component.replaceComponentTagBody (Component.java:4045) 在 org.apache.wicket.markup.html.basic.Label.onComponentTagBody(Label.java:131)

这是我的 html 代码:

<wicket:extend>
    <form class = sample-form wicket:id="sample_form">
        <div class="device-nr" wicket:id="sampleHeader">
            <input wicket:id="saveButton" type="submit" value="Save"/>
        </div>
        <wicket:child />
        <!-- display error here -->
        <div class= "feedback" wicket:id="feedback"></div>
        <div class="sample_details" wicket:id="sample_details"></div>
    </form>
</wicket:extend>

这是我的 Java 代码:

this.form = new Form<T>("sample_form", compound);
    form.add(new Button("saveButton") {
        private static final long serialVersionUID = 5878291170139126213L;

        @Override
        public void onSubmit() {
            T s = form.getModelObject();
            logger.info(s.toString());

        }
    });
    form.add(new Label("sampleHeader", provideSampleHeader()));
    form.add(provideSamplePanel());
    form.add(new FeedbackPanel("feedback"));
    add(form);

感谢您的帮助!

Answer 1

您在 div 标签上使用了标签。标签会覆盖其标签内的任何标记，因此请删除用于锚定按钮的输入标签。

要摆脱这个问题，您的标签需要另一个标签(很可能是 wicket:container，因为它只呈现其内容)。

类似于

<wicket:extend>
    <form class = sample-form wicket:id="sample_form">
        <div class="device-nr"> <wicket:container wicket:id="sampleHeader" />
            <input wicket:id="saveButton" type="submit" value="Save"/>
        </div>
        <wicket:child />
        <!-- display error here -->
        <div class= "feedback" wicket:id="feedback"></div>
        <div class="sample_details" wicket:id="sample_details"></div>
    </form>
</wicket:extend>

我现在无法测试它，因为我这里没有安装 Wicket 口来尝试它......