如何将JSF托管的bean属性传递给JavaScript函数？

Question

我想知道如何将JSF托管的bean属性传递给JavaScript函数。

像这样：

<script>
  function actualizaMenu(key){
    #{linkedMenu.setKey(key)}
  }
</script>



<ul>
  <ui:repeat value="#{moduleList.modulos}" var="entity">
    <li>
      <a onclick="actualizaMenu(#{entity.key})">#{entity.nombre}</a>
    </li>
  </ui:repeat>
</ul>

Answer 1

这不是JSF变量的“传递”。这只是打印JSF变量，就好像它们是JavaScript变量/值一样。您知道，JSF和JS根本不同步运行。JSF在Web服务器中运行，并生成HTML/ CSS / JS代码，一旦到达该代码，该代码又在Webbrowser中运行。

您的具体问题很可能是由于您以这种方式生成无效JS语法的方式编写了JSF代码而引起的。一种简单的验证方法是，只需检查JSF生成的HTML输出，您可以通过右键单击，在浏览器中
查看源 来找到，并检查在浏览器的JS控制台中是否看不到任何语法错误报告，您可以通过在Chrome/IE9+/Firefox23+中按F12查找。

试想一下，#{entity.key}在这里

<a onclick="actualizaMenu(#{entity.key})">#{entity.nombre}</a>

打印一个Javahtml" target="_blank">字符串变量，例如"foo"，然后生成的HTML看起来像

<a onclick="actualizaMenu(foo)">some name</a>

但是，嘿，这代表一个名为的JavaScript 变量foo，而不是JS字符串值！因此，如果您实际上想要最终以

<a onclick="actualizaMenu('foo')">some name</a>

那么您应该指示JSF完全生成该HTML：

<a onclick="actualizaMenu('#{entity.key}')">#{entity.nombre}</a>

但是要当心JSF变量中的特殊字符。您可以使用OmniFacesof:escapeJS()函数。

与 具体问题 无关
，具体实现actualizaMenu()没有任何意义。您似乎正在尝试设置bean属性。您不应为此使用JS，而应使用JS
<h:commandLink>。

<h:commandLink value="#{entity.nombre}" action="#{linkedMenu.setKey(entity.key)}" />

如果需要，请嵌套<f:ajax>以使其异步。