jsf - el escape dot

Question

I have following audio tag in my markup:

<audio id="audio" preload="auto" hidden="true">
    <source src="#{resource['sounds:filename.mp3']}" type="audio/mpeg" />
    <source src="#{resource['sounds:filename.ogg']}" type="audio/ogg" />
    <embed src="#{resource['sounds:filename.mp3']}" hidden="true"/>
</audio>

I want to wrap this inside a custom composite component which gets the filename as an attribute.

<source src="#{resource['sounds:cc.attrs.filename.mp3']}" type="audio/mpeg" />

This is obvious not working since .mp3 now seems to be a child of filename. How do I escape the dot?

score 3 · Accepted Answer · answered Jul 13 '12 at 02:51

3

Parameterize it using <ui:param>.

<ui:param name="resourceIdentifier" value="sounds:#{cc.attrs.filename}.mp3" />
<source src="#{resource[resourceIdentifier]}" type="audio/mpeg" />

answered Jul 13 '12 at 02:51

BalusC

1,082,665
372
3,610
3,555

Thanks and pretty obvious now, but no way you get this idea by your own. :) – djmj Jul 13 '12 at 23:30

score 2 · Answer 2 · edited May 23 '17 at 12:34

2

What you want is to use is a concatenation function for Facelets.

Either create one as described here, or set up OmniFaces in your project, so you can use its nice String manipulation functions, like this:

<source src="#{resource[of:concat('sounds:', cc.attrs.filename)]}"
    type="audio/mpeg" />

edited May 23 '17 at 12:34

Community

1
1

answered Jul 12 '12 at 22:05

Elias Dorneles

22,556
11
85
107

jsf - el escape dot

2 Answers2