6

使用以下代码，我page.html通过覆盖方法将 trackingpixel 添加到某个页面renderHead(Component component, IHeaderResponse response)。这工作正常。

page.html 看起来像这样：

    <!doctype html>
    <html xmlns:wicket="http://wicket.apache.org/">
    <head>
    ..
    <wicket:container wicket:id="header"></wicket:container>
    </head>
    <body>
      ..
 <script wicket:id="scriptHolder" type="text/javascript" > I would like to add my script here 
</script>
..
    </body>
    </html>

TrackingPixel.java：

    public abstract class TrackingPixel extends AbstractDefaultAjaxBehavior {

            protected TrackingPixel(TrackingPixelType type) {
           ..
        }


        @Override
        public void renderHead(Component component, IHeaderResponse response) {
                response.renderOnDomReadyJavaScript("WebtrekkInstance = {
                 ..   
                             'path' : 'anyPath',
                     ...:...
                                  ..
                };
");
        }     
             }

renderHead-method 向主页添加一个 trackingpixel。在页面上鼠标右键->源码显示页面中添加了如下脚本：

<script type="text/javascript" >

Wicket.Event.add(window, "domready", function(event) {      
            WebtrekkInstance = {
             ..   
                         'path' : 'anyPath',
                 ...:...
                              ..
            };
                        ..            
            ;});
</script>

现在我想将 trackingpixel 添加到弹出窗口中。我的问题是我无法在正文中添加脚本。该方法renderHead(Component component, IHeaderResponse response)没有这样做，因为（我猜）弹出窗口在同一页面上弹出，所以只有一个头部并且不会渲染两次。所以我尝试这样做，WebMarkupContainer如下所示。

OurServicePopup.java

/**
 * Class to display our service as popup
 */
public class OurServicePopupPage<T> extends WebPage {

    public OurServicePopupPage(PageParameters parameters) {
        super(parameters);
    }

    @Override
    protected void onInitialize() {
        add(new OurServicePixel());
        super.onInitialize();
    }      
}

OurServicePixel.java 看起来像这样：

  public class OurServicePopupPixel extends TrackingPixel{
                public OurServicePopupPixel() {
                        }

                WebMarkupContainer scriptContainer = new WebMarkupContainer("scriptContainer");
                @Override
                public void renderHead(Component component, IHeaderResponse response) {   
                    scriptContainer.add(new AttributeAppender("type", Model.of("text/javascript")));
                    scriptContainer.add(
                        new AttributeAppender("src","WebtrekkInstance = {
                 ..   
                             'path' : 'anyPath',
                     ...:...
                                  ..
                };
");

          }
              add(scriptContainer); //this shows error
 }

这里的问题是我无法添加 scriptContainer。 add(scriptContainer);将不起作用，因为OurServicePopupPixel是行为而不是页面。

4

1 回答 1

5

也许您可以简单地使用Label带有setEscapeModelStrings(false). 但这似乎有点奇怪。

我不完全理解你的 javascript 在做什么，但也许你可以在 DOM 准备好时尝试执行它。使用renderHead这样的：

public void renderHead(IHeaderResponse response) {
    response.render(OnDomReadyHeaderItem.forScript( ... YOUR SCRIPT HERE ... ));
}

我希望它有所帮助。

于 2012-12-08T09:48:09.850 回答