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 http://stackoverflow.com/questions/2547814/mixing-jsf-el-in-a-javascript-file — mrembisz, Dec 21 '11 at 10:27

Ken Chan · Accepted Answer · 2011-12-21T10:12:43.250

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 '11 at 10:12

answered Dec 21 '11 at 09:59

Ken Chan

84,777
26
143
172

1

i used this solution and it sounds good, but BTW the el inside the javascript call needs to be surrounded by single quotes. – Mahmoud Saleh Dec 21 '11 at 10:26

yatskevich · Answer 2 · 2011-12-21T10:06:19.620

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 '11 at 10:06

answered Dec 21 '11 at 09:58

yatskevich

2,085
16
25

How to use EL in external javascript file

2 Answers2