如果我想从 JavaScript 中评估 JSF bean 属性，我发现如果 JavaScript 片段在 xhtml 文件中，它就可以工作，但当 JavaScript 片段在单独的 js 文件中时，它就不起作用。
所以，这是可行的:
index.xhtml
...
<h:body>
<script type="text/javascript" src="resources/Javascript/jquery/jquery-1.7.2.js" />
<script type="text/javascript" >
$(document).ready(function() {
alert('#{myBean.myProperty}');
});
</script>
</h:body>
但这并不评估 ManagedBean 的属性:
index.xhtml
...
<h:body>
<script type="text/javascript" src="resources/Javascript/jquery/jquery-1.7.2.js" />
<script type="text/javascript" src="resources/Javascript/MyJS.js" />
</h:body>
MyJS.js
$(document).ready(function() {
alert('#{myBean.myProperty}');
});
在第二种情况下，警告框包含未计算的字符串 #{myBean.myProperty}
如何使它从外部 js 文件运行？
最佳答案
另一种解决方案是将您的 *.js 文件更改为 *.xhtml 并将其包含在“
MyJS.xhtml(从 MyJS.js 更改)
<xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:body>
<ui:composition>
<script type="text/javascript">
//<![CDATA[
...your JavaScript code here...
//]]>
</script>
</ui:composition>
</h:body>
</html>
在您的 index.xhtml 文件中，执行以下操作:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets">
...
<ui:include src="MyJS.xhtml" />
关于javascript - 未在外部 JavaScript 文件中评估 JSF bean 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11491085/