2

我将布尔值放入 中，<h:inputText>但我找不到将其rendered放入<h:panelGroup>. 我也看不到使用 bean 值的方法，因为每次迭代都需要一个独立的迭代。

这是我的jsf代码：

<ui:repeat var="item" value="#{itemBean.items}" id="iterateItems" varStatus="iteration">
    <script type="text/javascript">         
        showItem("#{item.id}","#{iteration.index}");
    </script>
    <h:inputText id="rendered"/>
    <h:panelGroup layout="block" rendered="???">
        Iteration #{iteration.index} rendered
    </h:panelGroup>
</ui:repeat>

这是我的 javascript：

function showItem(item,iteration){
    if((clientSideValue==something){
        document.getElementById("iterateItems"+":"+iteration+":"+"rendered").value = true;
    }
    else{
        document.getElementById("iterateItems"+":"+iteration+":"+"rendered").value = false;
    }
}
4

3 回答 3

3

JavaScript 在客户端运行并在从服务器端检索的 HTML DOM 树上工作（在您的特定情况下由 JSF 生成）。因此，JavaScript 期望您想要显示/隐藏的所需 HTML 元素始终存在于 HTML DOM 树中。

JSF 在服务器端运行并基于 JSF 组件树（“视图”）生成 HTML 代码。当renderedJSF 组件的属性评估为 时false，不会为给定组件生成任何 HTML 代码，因此 HTML DOM 树中不会有任何内容，因此 JavaScript 的document.getElementById().

您认为这将是解决方案的具体功能要求尚不清楚，因此很难为您的具体问题提出正确的解决方案。但是，如果您绝对肯定需要在客户端（通过 JavaScript）而不是服务器端（通过 JSF）执行显示/隐藏，那么您应该display为此使用 CSS 的属性，您可以在block和none。

这是一个基本的启动示例，假设您最初想隐藏它：

<ui:repeat var="item" value="#{itemBean.items}" id="iterateItems" varStatus="iteration">
    <script type="text/javascript">         
        showItem(#{iteration.index});
    </script>
    <h:inputText id="rendered" />
    <div id="foo#{iteration.index}" style="display:none">
        Iteration #{iteration.index} shown
    </div>
</ui:repeat>

和

function showItem(index) {
    var div = document.getElementById("foo" + index);

    if (someCondition) {
        div.style.display = "block"; // Show it.
    } else {
        div.style.display = "none"; // Hide it.
    }
}
于 2012-12-04T16:08:44.023 回答
2

不要将服务器端脚本与客户端脚本混用！

只需根据需要使用 EL：

<ui:repeat var="item" value="#{itemBean.items}" id="iterateItems" varStatus="iteration">
    <h:panelGroup layout="block" rendered="#{item.id le 1}">
        Iteration #{iteration.index} rendered
    </h:panelGroup>
</ui:repeat>
于 2012-12-04T12:36:31.300 回答
1

这是不可能的：JSF 标记——尤其是渲染的属性在RenderResponseJSF 阶段使用。当最终的 HTML 生成后，没有更多rendered的属性 - 包含该属性的 HTML 元素要么被渲染，要么不被渲染。

因此，如果您需要根据客户端的值做某事，则需要将该值传输到您的服务器。

一种解决方法是设置 css-property display:none。但请注意，这将不会显示元素。它在页面源中仍然可用。

如果您正在使用 Javascript，您应该真正查看最终的源代码。JSF 标签被解析，甚至自动生成的 ID23:58:23对于某个元素也不总是相同的。

于 2012-12-04T16:07:38.300 回答