WIcket的FeedbackPanel上的不同CSS

Question

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

我在底部有一个特殊的地方，用户可以在那里获得反馈(使用FeedbackPanel)。反馈包括成功和错误消息。

事情是，我想有不同的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;
    }
}