How to use EL in external javascript file

Question

i have a javascript function that was defined in the xhtml page, and i was able to use EL inside it, now when i moved the function to an external JS file, i am not able to use EL like:

#{request.contextPath}

#{myBackingBean.myProperty}

so, i was wondering how to accomplish something like that in external JS?

It is a duplicate of stackoverflow.com/questions/2547814/… — mrembisz
– mrembisz, Commented Dec 21, 2011 at 10:27

Ken Chan · Accepted Answer · 2011-12-21 10:12:43Z

3

You can just declare some input parameters for the external java script 's function .When calling the external java script 's function in JSF , you can use the EL expression to access the values from the beans and pass them to the external java script 's function.

Something like this:

function someExternalJsFunction(var1,var2,...,varX)
{

}

Then in the JSF:

<h:commandLink action="....."  
onclick="someExternalJsFunction(#{request.contextPath},#{myBackingBean.myProperty},....)"/>

edited Dec 21, 2011 at 10:12

answered Dec 21, 2011 at 9:59

Ken Chan

91.4k26 gold badges157 silver badges189 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mahmoud Saleh Over a year ago

i used this solution and it sounds good, but BTW the el inside the javascript call needs to be surrounded by single quotes.

yatskevich · Accepted Answer · 2011-12-21 10:06:19Z

0

It's not an easy task. But you can leverage HTML5 data-* attributes and put your EL expressions in there and read them from JavaScript later.

edited Dec 21, 2011 at 10:06

answered Dec 21, 2011 at 9:58

yatskevich

2,09316 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to use EL in external javascript file

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related