如何修改 Wickets 活动指示器的 css（i.n. 位置）？答案

【问题标题】：How can I modify css (e.g. position) of Wicket's activity indicator?如何修改 Wickets 活动指示器的 css（i.n. 位置）？
【发布时间】：2020-07-14 13:10:19
【问题描述】：

我将 IAjaxIndicatorAware 用于包含多个能够调用 AJAX 的元素的面板。指示器当前显示在面板下方，我需要更改其位置 - 我该怎么做？

【问题讨论】：

标签： css wicket

【解决方案1】：

如果您使用 IAjaxIndicatorAware，那么您就有一个实现 IAjaxIndicatorAware 的 Wicket 组件。在这种情况下，Wicket 只是通过使用jQuery.show($('#indicatorId')) 使 id == IAjaxIndicatorAware#getAjaxIndicatorMarkupId 的 HTML 元素可见。此 HTML 元素由您放置在页面中的某个位置，因此您可以完全控制它。例如，您可以添加 CSS 规则，例如：

#indicatorId {
   // padding: ...
   // margin: ...
}

但是如果你使用org.apache.wicket.extensions.ajax.markup.html.AjaxIndicatorAppender，那么你应该使用org.apache.wicket.extensions.ajax.markup.html.AjaxIndicatorAppender#getSpanClass()返回的CSS类作为CSS选择器。

【讨论】：