[OmniFaces utilities] The
addScriptResourceToBody() adds the given JavaScript resource to end of body of the current view.[OmniFaces utilities] The
addScriptResourceToHead() adds the given JavaScript resource to end of head of the current view.Note: This doesn't have any effect during non-
@all ajax postbacks.Methods:
Let's suppose that we have the following /resources folder structure in a JSF application (practically, we have two scripts directly in /resources, two scripts in the default library, and two scripts in the default library, /scripts sub-folder):
Further
let's have several examples of using the Components#addScriptResourceToBody() and Components#addScriptResourceToHead() utility
methods.
·
programmatically adding the /resources/default/scripts/toBody.js as a resource
to end of body of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToBody("default",
"scripts/toBody.js");
The
produced markup will be:
<html
xmlns= ...>
<body>
...
<script type="text/javascript"
src="/MyApp/faces/javax.faces.resource/scripts/toBody.js?ln=default"></script>
</body>
</html>
·
programmatically adding the /resources/default/scripts/toHead.js as a resource
to end of head of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToHead("default",
"scripts/toHead.js");
The
produced markup will be:
<html
xmlns= ...>
<head>
...
<script type="text/javascript"
src="/MyApp/faces/javax.faces.resource/scripts/toHead.js?ln=default"></script>
</head>
</html>
·
programmatically adding the /resources/default/toBody.js as a resource
to end of body of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToBody("default",
"toBody.js");
The
produced markup will be:
<html
xmlns= ...>
<body>
...
<script type="text/javascript"
src="/MyApp/faces/javax.faces.resource/toBody.js?ln=default"></script>
</body>
</html>
·
programmatically adding the /resources/default/toHead.js as a resource
to end of head of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToHead("default",
"toHead.js");
The
produced markup will be:
<html
xmlns= ...>
<head>
...
<script type="text/javascript" src="/MyApp/faces/javax.faces.resource/toHead.js?ln=default"></script>
</head>
</html>
·
programmatically adding the /resources/toBody.js as a resource
to end of body of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToBody(null,
"toBody.js");
The
produced markup will be:
<html
xmlns= ...>
<body>
...
<script type="text/javascript"
src="/MyApp/faces/javax.faces.resource/toBody.js"></script>
</body>
</html>
·
programmatically adding the /resources/toHead.js as a resource
to end of head of the current view:
import
org.omnifaces.util.Components;
...
UIComponent comp = Components.addScriptResourceToHead(null,
"toHead.js");
The
produced markup will be:
<html
xmlns= ...>
<head>
...
<script type="text/javascript" src="/MyApp/faces/javax.faces.resource/toHead.js"></script>
</head>
</html>
You may also want to read:
Niciun comentariu:
Trimiteți un comentariu