从 jquery 访问 Bean 属性

Question

假设我有一个带有布尔属性的 bean，称为 display。有什么方法可以从jquery访问该属性的值吗？类似的东西

$(document).ready(function(){ 
    if(bean.display){
       doSomething();
    }
}

Answer 1

在这个问题的上下文中，JSF 只是一个 HTML/CSS/JS 代码生产者。只需让 JSF 打印一个 bean 属性，就好像它是 JS 代码的一部分一样。只需以通常的方式使用 EL。

<h:outputScript>
    $(document).ready(function(){ 
        if(#{bean.display}){
           doSomething();
        }
    }
</h:outputScript>

在 Web 浏览器中打开 JSF 页面，右键单击并查看源代码以查看生成的 HTML 输出。它应该看起来像这样：

<script type="text/javascript">
    $(document).ready(function(){ 
        if(true){
           doSomething();
        }
    }
</script>

请注意，如果 JSF 正确地完成了生成 HTML 输出的工作，则不应在 HTML 输出中看到任何 Java/JSF/EL 代码。你只需要以这样一种方式编写Java/JSF/EL代码，它就能准确地生成所需的HTML/CSS/JS

。

---

或者，如果该脚本实际上包含在 JS 文件中，则让 JSF 将其打印为 JS 变量：

<h:outputScript name="some.js" />
<h:outputScript>var display = #{bean.display};</h:outputScript>

跟

$(document).ready(function(){ 
    if(display){
       doSomething();
    }
}

---

或者，如果您绝对希望保留初始bean.display JS 对象语法，请这样做：

<h:outputScript name="some.js" />
<h:outputScript>var bean = { display: #{bean.display} };</h:outputScript>

跟

$(document).ready(function(){ 
    if(bean.display){
       doSomething();
    }
}

Answer 2

您也可以将其存储在一些outputText或inputText

例如：

<h:outputText id="my_display" value="#{myBean.display}" style="display:none"/>

并像这样使用它：

$(document).ready(function(){ 
    if($("#my_display").text() === "someValue"){
       doSomething();
    }
}