动态加载样式表（xhtml文件）

Question

我试图动态地重新加载样式表（用xhtml编写）。

描述场景：

用户可以使用多种语言访问该应用程序； 首次加载应用程序时，将加载默认文件master-styles.xhtml，现在，用户可以从某些控制屏幕修改用户想要查看屏幕的语言。 现在，我要为该特定语言加载不同的样式表，以废弃当前使用的样式表（master-styles.xhtml）。

我正在使用JSF，用于UI组件的richfaces：

<html>
     <head>

<sf:includeStyles />
  <ui:insert name="globalStyles">
      <ui:include src="/WEB-INF/flows/ui/core/resources/styles/master-styles.xhtml"/>
  </ui:insert>
</head>

有没有办法丢弃此文件并加载另一个文件作为我的CSS的一部分； 还是有其他方法可以解决这个问题？

谢谢。

Answer 1

如果我正确理解了您的问题，则需要动态加载当前/master-styles.xhtml的页面，

您可以在bean中设置页面名称，然后使用此代码可以动态加载所需的样式页面

<ui:insert name="globalStyles">
      <ui:include src="/WEB-INF/flows/ui/core/resources/styles/#{ThemeBean.stylePage}.xhtml"/>
  </ui:insert>

Answer 2

确实存在解决此类问题的另一种方法。 Richfaces具有外观 ，可让您立即更改所有组件的外观。 它还支持在运行时切换外观（例如，以便用户可以选择自己的主题）。 Richfaces Wiki上提供了有关此功能的更多信息，第5.11.7节“ 在运行时更改皮肤”中介绍了此切换。