Смешивание JSF EL в файле JavaScript - программирование

Есть ли способ, чтобы выражения Expression Language (EL) включали JavaScript файлы, которые оценивались JSF?

Я надеялся, что Шейм может обойти это, но пока не повезло. Все, что я хочу, - это возможность использовать локализованные сообщения в моих функциях JavaScript, которые разделяются между страницами.

Ответы

Ответ 1

Пять способов:

Объявите его как глобальную переменную на родительской странице JSF.

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
    var messages = [];
    <ui:repeat value="#{bean.messages}" var="message">
        messages['#{message.key}'] = '#{message.value}';
    </ui:repeat>
</script>

Или, если он уже в формате JSON.

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">var messages = #{bean.messagesAsJson};</script>

Поместите целое <script> в файл XHTML и используйте ui:include, чтобы включить его.
```
<script type="text/javascript" src="script.js"></script>
<ui:include src="script-variables.xhtml" />
```
Передайте *.js через JspServlet (только если достаточно оценить только выражения ${}). Например. в web.xml (<servlet-name> of JspServlet можно найти в web.xml рассматриваемого сервлетконтейнера, обычно jsp).
```
<servlet-mapping>
    <servlet-name>jsp</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>
```
Использовать "старый добрый" JSP с измененным типом контента. Переименуйте script.js в script.jsp и добавьте следующую строку в начало JSP (только если достаточно оценить только выражения ${}):
```
<%@page contentType="text/javascript" %>
```
Пусть JS получает данные ааксиально во время загрузки. Здесь приведен пример jQuery.
```
$.getJSON('json/messages', function(messages) {
    $.each(messages, function(key, value) {
        $.messages[key] = value;
    });
});
```

Ответ 2

Поскольку мне не нравятся методы, которые не позволят браузеру кешировать локализованные строки, я использовал следующую технику для локализации предупреждений JavaScript и т.д. Кажется, это хорошо, если строки, которые вам нужны в вашем JavaScript-коде, отличные от тех, которые необходимы веб-серверу:

<h:head>
    <h:outputScript library="javascript" name="#{fw.JsFwStrings}" />
    ...

Затем я присваиваю строке ресурса JsFwStrings имя файла JavaScript, определяющего локализованные строки для данного языка.

Например, файл fw_en.properties содержит запись JsFwStrings = JsFwStrings_en.js

И файл JsFwStrings_en.js содержит

var TosFramework = TosFramework || {};
TosFramework.Strings = {
    UnSavedChangesWarning : 'You have unsaved changes.',
    CancelConfirmQuestion : 'Are you sure you want to cancel?'
}