JGrowlFeedbackPanel选项不能正常工作

Question

我正在尝试在我的项目中使用JGrowlFeedbackPanel组件。它是对JGrowl插件(JQuery)的小范围采用。我从maven的仓库里拿到的。

ResourceReference cssMenuRef = new ResourceReference(HomePage.class, "style_menu.css");
add(CSSPackageResource.getHeaderContribution(cssMenuRef));

JGrowlFeedbackPanel feedbackPanel = new JGrowlFeedbackPanel("feedbackPanel", new ErrorLevelFeedbackMessageFilter(FeedbackMessage.WARNING));
add(feedbackPanel);
Options errorOptions = new Options();
errorOptions.set("header", "Error"); //works
errorOptions.set("sticky", true); //works
errorOptions.set("position", "center"); //doesn't work
errorOptions.set("theme", "feedback"); //doesn't work
error("TEST!");
feedbackPanel.setErrorMessageOptions(errorOptions);

.feedback {
color: #ff0000;
background-color: #FFFFFF !important ; 
width: 400px;
}

我想更改jGrowl的默认位置和颜色，但它们根本不变。我可以在我的css文件中使用!important声明，但我认为这不是一个好主意。如果有任何建议，我将不胜感激。谢谢!

Answer 1

对于该职位，jGrowl在其文档中明确表示：

在调用启动方法之前，必须在默认值中更改此设置。

链接：jGrowl

根据我在这里找到的源码：JGrowlFeedbackMessage.java -> here：JGrowlFeedbackPanel.java这可能不是它的工作方式，因为你必须进入"jquery.jgrowl.js“来修改位置默认值……

我也不明白为什么jGrowl选项不能在JS中完全扩展。

也许更好的建议是使用jquery通知程序，构建您自己的面板，并通过target.appendJavaScript()方法包装用于触发通知的调用。Wicket6示例：

    public void showExpiringNotification(final String title, final String message, final int expiringSpeed) {
      AjaxRequestTarget target = RequestCycle.get().find(AjaxRequestTarget.class);
      if (target != null) {
        target.appendJavaScript("$('#container').notify('create','error',{title: '" + title + "', text: '" + message
                + "' },{expires: " + expiringSpeed + "})");
      }
    }

如果需要，我可能会在我的博客上给出更详细的例子……

Answer 2

当我与WicketStuff的jGrowl面板集成后，我今天注意到了两件事。

1. 它总是错过我的第一条消息，除非我在页面上显示任何反馈消息之前先调用$.jGrowl()。这只在IE10中受影响，请参阅随附的https://github.com/stanlemon/jGrowl/issues/17
2. The Options类。如果您将选项作为字符串传递，它喜欢用单引号将选项括起来。所以一定要使用新的整型(X)或其他类型的对象。

否则，这是一个很好的UI添加。