java - Vaadin动态加载JavaScript、CustomLayout

Question

我有一个基于 Vaadin 7 的应用程序，现在我想将我的组件添加到 CustomLayout 问题是 CustomLayout 忽略了 - 模板(静态 html)文件的 header 部分，因此那里描述的资源也被忽略了。静态 html 文件不是 Vaadin 应用程序的一部分，它们是动态生成的。我如何在没有注释的情况下在客户端加载 JS 和 CSS 文件(属于静态 html):

@JavaScript; @StyleSheet

并且使用 JavaScript.execute() 的方法也不是好的方法。

Answer 1

为什么这些解决方案对您不利？根据我的经验，这些工作很好。 然而，还有另一种解决方案:只在页面中包含一个外部 javascript 文件，扩展 ApplicationServlet 类，并覆盖 writeAjaxPageHtmlVaadinScripts 方法。

`@Override
protected void writeAjaxPageHtmlVaadinScripts(Window window, String themeName, Application application, BufferedWriter page, String appUrl, String themeUri, String appId, ServletRequest request) throws ServletException, IOException {
  page.write("<script type=\"text/javascript\">\n");
  page.write("//<![CDATA[\n");
  page.write("document.write(\"<script language='javascript' src='" + appUrl + "/VAADIN/scripts/jquery/jquery-1.4.4.min.js'><\\/script>\");\n");
  page.write("document.write(\"<script language='javascript' src='" + appUrl + "/VAADIN/scripts/highcharts/highcharts.js'><\\/script>\");\n");
  page.write("document.write(\"<script language='javascript' src='" + appUrl + "/VAADIN/scripts/highcharts/modules/exporting.js'><\\/script>\");\n");
  page.write("//]]>\n</script>\n");
  super.writeAjaxPageHtmlVaadinScripts(window, themeName, application,
      page, appUrl, themeUri, appId, request);
}

`

有关详细信息，请参阅此帖子:How to add d3 (javascript) to a vaadin application?