javascript - 从 javascript 访问 JSF 资源

Question

我想通过 javascript 函数访问 JSF 资源(在 WebPages/resources/img 下)，例如:

function hideSpinner() {
    arguments[i].poster = './img/sppiner.png';
}

我已经尝试过 arguments[i].poster = "${resource['img/sppiner.png']}"; 和 arguments[i].poster = '${ resource[\'img/sppiner.png\']}'; 但它不起作用..

我能做什么？

Answer 1

EL 表达式仅在 Facelets (XHTML) 文件和通过 <h:outputStylesheet> 加载的 CSS 文件中计算。 .它们不会在通过 <h:outputScript> 加载的 JS 文件中进行评估.

您基本上需要呈现一个内联脚本，该脚本设置一个(全局)JavaScript 变量，JS 文件应该依次引用该变量。

<h:outputScript>var spinnerImage = "${resource['img/sppiner.png']}";</h:outputScript>
<h:outputScript name="js/some.js" />

arguments[i].poster = spinnerImage;

然而，更简洁的方法是将图像设置为与特定 CSS 样式类关联的 CSS 背景图像，然后让 JavaScript 在所需元素上设置该样式类。如前所述，您可以在通过 <h:outputStylesheet> 加载的 CSS 文件中使用 EL 表达式。 .另见 a.o. How to reference JSF image resource as CSS background image url .