小票标签未更新/仍不可见

Question

我正在尝试在通过ajax WebPage交换内容的上实现面包屑导航Panel。

最终看起来像这样： Home >> Page >> Panel

这是我的页面代码：

public MyPage() {
    super();
    contentContainer = new WebMarkupContainer("contentContainer");
    contentContainer.setOutputMarkupId(true);
    add(contentContainer);
    contentContainer.add(content = createContentPanel());

    breadCrumbContainer = new WebMarkupContainer("breadcrumbContainer");
    breadCrumbContainer.setOutputMarkupId(true);
    add(breadCrumbContainer);

    final AjaxLink panelLink = new AjaxLink("panelLink") {

        @Override
        public void onClick(final AjaxRequestTarget target) {
            replaceContentPanel(getOverviewPanel(), target);
        }

        @Override
        public boolean isVisible() {
            return !(content instanceof OverviewPanel);
        }
    };
    breadCrumbContainer.add(panelLink);
    panelLink.add(new Label("panelLabel", new Model<String>() {
        @Override
        public String getObject() {
            //some dynamic content for example:
            return contentPanel.getClass().getName();
        }
    }));  
}

public void replaceContentPanel(final Component replacer, final AjaxRequestTarget target) {
    content.replaceWith(replacer);
    content = replacer;
     if (target != null) {           
        target.add(contentContainer);
        target.add(breadCrumbContainer);
    }
}

主页和页面Label都很简单。每当我更新的内容时Panel，都需要更新Panel的一个WebPage。我确定
target.add(breadCrumbContainer);生产线会做到这一点。但是它是空的。标签不显示任何内容。

我希望在写问题时能找到答案-这可能很明显-但我仍然无法找到答案，所以我希望这里有人发现我的错误。

Answer 1

通过Ajax播放组件的可见性时setOutputMarkupPlaceholderTag(true)，
除了之外 setOutputMarkupId(true) ，还必须使用。请注意，这setOutputMarkupPlaceholderTag(true)将自动暗示setOutputMarkupId(true)。

这样做的原因是，当通过Ajax刷新组件（将其添加到AjaxRequestTarget）时，Wicket会在Ajax响应中返回刷新的标记，因此将通过JS-
DOM API通过Ajax回调方法将其替换。因此，要使替换接收到的标记的JS函数正常工作，必须要引用要替换的DOM节点（HTML
id属性）。这就是为什么setOutputMarkupId(true)需要。

更改可见性时，如果组件不可见，则Wicket不会为该组件生成任何标记，这很不错，但是有一个缺点。如果一个不可见的组件在随后的ajax请求中变为可见，则其标记将有效地返回到Ajax响应中。但是，由于该组件不可见，所以它甚至不存在于原始标记中，并且不可能在回调时替换DOM节点。这就是setOutputMarkupPlaceholderTag(true)方法开始起作用的地方，将
可能不可见的 组件包装在占位符标记（即<div>）中，该标记将始终使用适当的HTML id属性呈现。