The component Inserts stylesheet links to the head element. Render the value of the component, after passing it to the getResourceURL() method of the ViewHandler for this application, and passing the result through the encodeResourceURL() method of the ExternalContext.
Table 6.23. a4j : loadStyle attributes
Attribute Name | Description |
---|---|
binding | The attribute takes a value-binding expression for a component property of a backing bean |
id | Every component may have a unique id that is automatically created if omitted |
rendered | If "false", this component is not rendered |
src | name of JavaScript resource to load. |
Table 6.24. Component identification parameters
Name | Value |
---|---|
component-type | org.ajax4jsf.LoadStyle |
component-family | org.ajax4jsf.LoadStyle |
component-class | org.ajax4jsf.component.html.HtmlLoadStyle |
renderer-type | org.ajax4jsf.LoadStyleRenderer |
To create the simplest variant on a page use the following syntax:
Example:
<a4j:loadStyle src="styles/style.css"/>
Example:
import org.ajax4jsf.component.html.HtmlLoadStyle;
...
HtmlLoadScript myStyle = new HtmlLoadStyle();
...
As it was mentioned above this component returns its value as the value of the "src" attribute passing it to the getResourceUR() method of the ViewHandler for this application, and passing the result via the encodeResourceURL() method of the ExternalContext.
It means that the Context is inserted automatically to the link. And calls like resource:// is properly handled.
Except this - you may be free to put your stylesheet links right from the child page while using facelets templates.
Some additional information about usage of component can be found here.