jsf - xhtml 中的 javascript (Richfaces)

Question

我正在尝试在 xhtml 中包含 jquery 和 jquery-ui 库。我听说richfaces 已经有jquery，但是jquery-ui 没有。我不知道如何包含它们。

除此之外，我还有另一个使用 jquery 和 jquery-ui 的 js 库。那么，我需要做些什么来导入这 3 个 js 源并在

<script type="text/javascript"> </script>

堵塞？这些js文件必须放在哪里？

谢谢你。

Answer 1

RichFaces 4.x 确实捆绑了 jQuery。它与资源名称一起可用，jquery.js并且通常仅在某个 RichFaces 组件需要它时自动包含，但您也可以通过<h:outputScript>.

至于你自己的js文件，直接放到/resourcespublic webcontent的文件夹下，<h:outputScript>照常使用即可。

假设

WebContent
 |-- resources
 |    |-- jquery-ui.js
 |    `-- yourscript.js
 :

这是您可以参考的方式（请注意，jquery.js由 RichFaces 提供，而不是您自己！）

<h:head>
    ...
    <h:outputScript name="jquery.js" />
    <h:outputScript name="jquery-ui.js" />
    <h:outputScript name="yourscript.js" />
</h:head>

Answer 2

RichFaces 提供的资源映射到像jquery.js这样的短资源名称。

所有资源的完整列表可以在组件 jar (richfaces-components-ui-4.xyFinal.jar) 内名为Static.properties的文件中找到。

META-INF/richfaces/staticResourceMapping/Static.properties 中的一些行：

jquery.js=org.richfaces.staticResource/4.x.y.Final/Static/jquery.js
org.richfaces\:tooltip.js=org.richfaces.staticResource/4.x.y.Final/Static/org.richfaces/tooltip.js

您可以查看资源及其资源名称和完整路径。另请注意，有带库名称和不带库名称的资源名称 - 因此您必须将library属性与outputScript一起使用：

<h:outputScript name="jquery.js" />
<h:outputScript library="org.richfaces" name="tooltip.js" />

在 jquery/... 之后包含自己的脚本。

恕我直言，您永远不应该依赖资源导入，这是组件使用的副作用。