My JSF Books/Videos My JSF Tutorials OmniFaces/JSF PPTs
JSF 2.3 Tutorial
JSF Caching Tutorial
JSF Navigation Tutorial
JSF Scopes Tutorial
JSF Page Author Beginner's Guide
OmniFaces 2.3 Tutorial Examples
OmniFaces 2.2 Tutorial Examples
JSF Events Tutorial
OmniFaces Callbacks Usages
JSF State Tutorial
JSF and Design Patterns
JSF 2.3 New Features (2.3-m04)
Introduction to OmniFaces
25+ Reasons to use OmniFaces in JSF
OmniFaces Validators
OmniFaces Converters
JSF Design Patterns
Mastering OmniFaces
Reusable and less-verbose JSF code

My JSF Resources ...

Java EE Guardian
Member of JCG Program
Member MVB DZone
Blog curated on ZEEF
OmniFaces is an utility library for JSF, including PrimeFaces, RichFaces, ICEfaces ...

[OmniFaces Utilities] - Find the right JSF OmniFaces 2 utilities methods/functions

Search on blog

Petition by Java EE Guardians

Twitter

vineri, 4 septembrie 2015

[OmniFaces utilities 2.2/2.3] Add given JavaScript resource to end of head/body of the current view


[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:
Usage:

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

JSF BOOKS COLLECTION

Postări populare

OmniFaces/JSF Fans

Follow by Email

Visitors Starting 4 September 2015

Locations of Site Visitors