WIcket 反馈面板上的不同 CSS

Question

我有一个 Wicket 应用程序。 在应用程序中，用户可以在多个表单中填写多个字段。

我在底部有一个特殊的位置供用户获取反馈（使用反馈面板）。 反馈包括成功和错误消息等。

问题是我想为不同的消息使用不同的 CSS 样式。

我已经有了想要实现的 CSS 样式。 我可以在 HTML 表单中成功实现它们，但我得到的两条消息的 CSS 样式相同。

我希望在同一个反馈组件上根据消息的不同严重性有不同的 CSS 样式，所以如果消息是“错误”-我希望它具有特定的样式，如果是“成功”我希望它有不同的风格。

如何根据消息的严重性将 FeedbackPanel 指向特定的 CSS 样式？

Answer 1

您可以创建一个继承FeedbackPanel并覆盖getCSSClass方法的类

public class CustomFeedbackPanel extends FeedbackPanel {

    public CustomFeedbackPanel(String id) {
        super(id);
    }

    public CustomFeedbackPanel(String id, IFeedbackMessageFilter filter) {
        super(id, filter);
    }

    @Override
    protected String getCSSClass(FeedbackMessage message) {
        String css;
        switch (message.getLevel()){
            case FeedbackMessage.SUCCESS:
                css = "alert success";
                break;
            case FeedbackMessage.INFO:
                css = "alert info";
                break;
            case FeedbackMessage.ERROR:
                css = "alert error";
                break;
            default:
                css = "alert";
        }

        return css;
    }
}