如何在CSS资源中获得@ViewScoped bean属性

Question

我有一个@ViewScoped bean:

@Named
@ViewScoped
public class testBean implements Serializable {
    private static final long serialVersionUID = 1L;
    private String color;
    @PostConstruct
    public void postConstruct() {
        color = "red";
    }
    public String getColor() {
        return color;
    }
    public void setColor(String color) {
        this.color = color;
    }
}

在我的JSF页面中，我可以通过#{testBean.color}访问属性color，但在我的CSS资源中，它不起作用。

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #{testBean.color};
}

抛出以下异常:

org.jboss.weld.context.ContextNotActiveException: WELD-001303: No active contexts for scope type javax.faces.view.ViewScoped
    at org.jboss.weld.manager.BeanManagerImpl.getContext(BeanManagerImpl.java:680) [weld-core-impl-2.1.2.Final.jar:2014-01-09 09:23]
    at org.jboss.weld.bean.proxy.ContextBeanInstance.getInstance(ContextBeanInstance.java:79) [weld-core-impl-2.1.2.Final.jar:2014-01-09 09:23]
    at org.jboss.weld.bean.proxy.ProxyMethodHandler.invoke(ProxyMethodHandler.java:78) [weld-core-impl-2.1.2.Final.jar:2014-01-09 09:23]
    at com.unifik.core.subdomain.admin.WidgetLoginBean$Proxy$_$$_WeldClientProxy.getWidgetLogin(Unknown Source) [classes:]
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) [rt.jar:1.7.0_67]
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57) [rt.jar:1.7.0_67]
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) [rt.jar:1.7.0_67]
    at java.lang.reflect.Method.invoke(Method.java:606) [rt.jar:1.7.0_67]
    at javax.el.BeanELResolver.getValue(BeanELResolver.java:363) [jboss-el-api_3.0_spec-1.0.3.Final.jar:1.0.3.Final]
    ... 46 more

如果我改变@ViewScoped为@SessionScoped，那么它的工作，但我不想要的。

Answer 1

bean不能因此而被定义为视图作用域。当web浏览器在检查检索到的HTML页面后被指示下载CSS文件时，会在一个完全独立的GET请求中请求CSS文件。对CSS文件的特定请求对JSF视图状态一无所知，因此任何引用JSF视图作用域bean的EL表达式都无法找到所需的bean，因为在处理CSS文件请求期间，没有任何方法可以使用JSF视图状态。

选择另一个bean作用域，或者将其内联到HTML页面的<style>元素中。一个请求、会话或应用程序作用域的bean应该可以工作。参见如何选择正确的bean作用域?

Answer 2

我在我的CSS文件中这样做了，并且正在工作:

.color {color: #{initParam['icons_color']} !important;}
a.color {color: #{initParam['icons_color']} !important;}
a.color:hover, a.color:focus {color: #1faabe;}
.bg-color {
     background-color: #{initParam['icons_color']} !important;
}

你可以使用上下文参数，如果是必要的会话或类似的东西。

要做到这一点，CSS必须在页面中使用标签h:outputStylesheet:<h:outputStylesheet library="css" name="my.css">

我试着这样使用:<link rel="stylesheet" type="text/css" href="settings.css" />