java - 如何在渲染页面后添加组件

Question

将 wicket 迁移到 1.5 后，我遇到了这个问题。在 Wicket 1.5 中，我(之前的程序员)在构造函数中添加 JS 和 CSS 引用，然后在组件中添加，类似于:

    public abstract class PageTemplate extends WebPage implements IHeaderContributor {
        public BarePageTemplate() {
            this(null);
        }

        public BarePageTemplate(PageParameters params) {
            super(params);
            add(JavascriptPackageResource.getHeaderContribution(ResourceMarker.class, "js/jquery-1.4.2.min.js"));
            add(JavascriptPackageResource.getHeaderContribution(ResourceMarker.class, "js/jquery-ui-1.8.4.custom.min.js"));
            [...]
            jGrowlMarker = new Label("jGrowlMarker"); // placeholder for jgrowl messages
            jGrowlMarker.setOutputMarkupId(true);
            jGrowlMarker.add(new JGrowlBehavior());
            add(jGrowlMarker);
        }
    }

在 wicket 1.5 中，这不再可能。根据migration guide我将这段代码重构为:

     public abstract class PageTemplate extends WebPage implements IHeaderContributor {
        public BarePageTemplate() {
            this(null);
        }

    public BarePageTemplate(PageParameters params) {
        super(params);
        jGrowlMarker = new Label("jGrowlMarker"); // placeholder for jgrowl messages
        jGrowlMarker.setOutputMarkupId(true);
        jGrowlMarker.add(new JGrowlBehavior());
        add(jGrowlMarker);
    }

    @Override
    public void renderHead(IHeaderResponse response) {
        response.renderJavaScriptReference(new CommonResourceRef("js/jquery-1.4.2.min.js"));
        response.renderJavaScriptReference(new CommonResourceRef("js/jquery-ui-1.8.4.custom.min.js"));
[...]
}
}

这段代码有效，我的意思是它包含那些js。导致我出现问题的是，现在我的组件(在本例中为 jGrowlMarker)在页面包含这些 js 之前在页面中呈现:

// jGrowl component

<script type="text/javascript" src="./wicket/resource/pl.softq.commons.ui.resource.ResourceMarker/js/jquery-1.4.2.min-ver-65B352E1BA79F0E2A3B1E014BC2571AF.js"></script>
<script type="text/javascript" src="./wicket/resource/pl.softq.commons.ui.resource.ResourceMarker/js/jquery-ui-1.8.4.custom.min-ver-88A9784D8E08D25998F239E2D65F03D7.js"></script>

因此它无法正常工作(我相信这是一个问题)。它尝试创建 jGrowl 组件，但 jGrowl.js 被添加到该组件之后。[...] 代表我的其余 js 和 css 引用(包括 jGrowl 引用)。我尝试添加 super.renderHead(response);到 renderHead 但它也不起作用(super.renderHead 指的是 Component.class 中的空头)。

所以我的问题是:如何在 renderHead 初始化后添加组件，或者如何将其添加到 renderHead 内部。我不是 wicket 方面的专家，因此如果您需要更多代码，请告诉我。

Answer 1

您可以将 renderHead() 方法移至 JGrowlBehavior。这样它将首先贡献依赖项，然后贡献 jgrowl.js 本身。如果依赖项也是由页面中的其他内容贡献的，Wicket 也会检测到这一点并仅贡献一次。

Wicket 6.x 在这方面有进一步的改进。您可以阅读http://wicketinaction.com/2012/07/wicket-6-resource-management/